(10)jQuery其他知识

链式编程

链式编程原理：return this;

通常情况下，只有设置操作才能把链式编程延续下去。因为获取 操作的时候，会返回获取到的相应的值，无法返回 this。

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

链式编程原理：

varper={

setName:function(name) {

this.name=name;

return this;

},

setAge:function(age) {

this.age=age;

return this;

},

}

//per.setAge(50);

//per.setName("hehe")

per.setAge(50).setName("xnx");

console.log(per.age);

隐式迭代

隐式迭代的意思是：在方法的内部会为匹配到的所有元素进行循环遍历，执行相应的方法；而不用我们再进行循环，简化我们的操作，方便我们调用。

如果获取的是多元素的值，大部分情况下返回的是第一个元素的值。

each方法

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

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

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

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

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

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

$("ul li").each(function (index,element){

$(element).css("opacity",(index+1)/10);

});

多库共存

//让$放弃1.11使用权

$.noConflict();//让最下面的.js文件放弃$使用权

//全部放弃

var k=$.noConflict(true);

//打印jquery版本号

console.log($.fn.jquery);

console.log(jQuery.fn.jquery);

console.log(k.fn.jquery);

jquery 插件 API

jquery 背景颜色渐变插件（background-color）

去网上下载 jquery-color.js

引入背景颜色渐变js文件 json,毫秒值

$(".box").animate({width:500,height:300,"background-color":"#F7BB41"},3000);