2017/7/14 学习心得 jquery补充

1、链式编程和隐式迭代

(1)链式编程

底层原理 return this

end(); 结束当前链最近的一次过滤操作，并且返回匹配元素之前的状态

(2)隐式迭代

jq对象实际是一个数组，在方法内部会为匹配到的所有元素进行循环遍历，执行相应方法，不用我们再进行循环，简化我们操作。

例如：

$('.className') 这其实是一个数组集合，并不是直接的DOM元素

所以像 $('.className').addClass('newClass')，执行的其实是类似这样的语句

$('.className').each(function() {
$(this).addClass('newClass');
});

2、each方法

大部分情况下是不需要使用each方法的，因为jQuery的隐式迭代特性。

如果要对每个元素做不同的处理，这时候就用到了each方法

作用：遍历jQuery对象集合，为每个匹配的元素执行一个函数

// 参数一表示当前元素在所有匹配元素中的索引号

// 参数二表示当前元素（DOM对象）

$(selector).each(function(index,element){});

Element是一个 js对象，需要转换成jquery对象

3、多库共存

放弃使用权

$.noConflict();  //true两个都交出来，返回值是新的调用方法

 var mv=$.noConflict(true);  //定义一个新的使用权

mv.fn.jquery

4、插件使用

jQuery.color.js
animate()自定义动画：不支持背景的动画效果
animate动画支持的属性列表
jQuery.lazyload.js
使用步骤：
1. 引入jQuery文件
2. 引入插件
3. 使用插件