在jQuery中,如果一直对同一个元素或元素的其他关系元素(兄弟元素,父子元素)进行操作,那么可以使用 .语法(点语法),一直写下去。
$("#box").css("background", "pink").siblings().css("background", "red");
总结:
- 实现链式编程的核心,是对象中的每一个方法都会返回当前对象。
var 对象 = {
方法名:function(){
// …
return this; // 实现链式编程的核心this
}
} - 在方法中,js提供一个this的关键字,表示当前对象。
function $(){
var arr=[];
this.push=function(a){
arr.push(a);
return this;
}
this.pop=function(){
arr.pop();
return this;
}
this.shift=funtion(){
arr.shift();
return this;
}
this.print =function(){
console.log( arr);
}
}
var $obj= new $();
$obj.push("a").push("b");//后面还可以接很多 ,链式编程实际就是执行完某一个函数后,返回它本身,自然可以继续调用
$obj.print();//输出a,b