JQuery的相关案例——知识点（2）

一、下拉框省市联动效果（知识点：attr()方法，传两个参数，表示设置指定的属性，传一个参数，表示获取指定属性的值；val()方法 用于获取表单元素的值，若里面传值，就是设置value的值；remove（）用于删除自己；empty（）用于清空子元素；：gt(i)表示大于i索引；：lt(i)表示小于i索引；：eq(i)表示等于i索引；：not(选择器)表示非此选择器）

省市联动

 二、获取元素位置

offset（）.left：表示到视口的左距离（.right是右距离）                                                               position（）.left：表示到父级的左距离（.right是右距离）                                                               innerWidth()宽度 = width+padding                    outerWidth()宽度 = width+padding+border

三、评分效果（知识点：each()方法，用于遍历出所有的元素，回调函数里面可以传2个参数，分别是索引和遍历出来的dom元素）

评分效果

 四、extend扩展方式

$.extend（）：传一参，是在jquery中扩展该参数的方式；传两参，是则是在第一个里面扩展第二个方式；传大于两参，则是在第一个里面扩展后面的方法（注：如果后面对象的方法跟原对象的方法名重复，会覆盖。）

$.fn.extend（）：给jquery的dom元素扩展方法                                                                                         例如$.fn.extend（{red:function(){this.css("color","red")}}）