jQuery补充知识点
隐式迭代
基本概念
隐式迭代:jQuery在设置属性时会自动的遍历,因此我们不需要再遍历
- jQuery在执行设置性操作时,会给所有的元素都设置上相同的值。
- jQuery在执行获取性操作时,只会返回第一个元素对应的值。
- 如果想要给每一个元素都设置不同的值,需要手动进行遍历jQuery对象。
each方法
- 遍历jQuery对象集合,为每个匹配的元素执行一个函数
语法:
// 参数一表示当前元素在所有匹配元素中的索引号
// 参数二表示当前元素, 在function中this也表示当前元素。
$(selector).each(function(index,element){});
链式编程
链式编程的原理:设置性操作会返回一个jQuery对象,因此可以继续调用jQuery的方法。
- 设置操作的时候,可以使用链式编程。
- 获取操作的时候,无法使用链式编程。
end(); // 上一次返回的jq对象
prevAll();//获取前面所有的兄弟元素
nextAll();//获取后面所有的兄弟元素
siblings();//获取所有的兄弟元素
prev();//获取前一个兄弟
next();//获取后一个兄弟。
jQuery插件
插件:jquery不可能包含所有的功能,我们可以通过插件扩展jquery的功能。jQuery有着丰富的插件,使用这些插件能给jQuery提供一些额外的功能。
使用插件
- 引入jQuery文件
- 引入插件(如果有用到css的话,需要引入css)
- 使用插件</pre>
常用插件的使用
-
jquery.color.js的使用
-
jquery.lazyload.js的使用