肉渣教程

jQuery Chaining

上一节 下一节

jQuery老仙,法力无边,为了省事,可以把多句连在一起。果然神功盖世!

jQuery Chaining

Chaining的意思就是“连接在一起”,在jQuery中,针对的相同目标元素,可以把一系列动作或方法,可连接在一起,写在一条语句中。


举例如下,普通写法如下:

$("#panel").css("color", "Tomato");
$("#panel").slideUp(2000);
$("#panel").slideDown(2000);

运行一下


连成一条语句,完全等效:

$("#panel").css("color", "Tomato").slideUp(2000).slideDown(2000);

运行一下


连成一条语句太长,断断行也是完全等效:

$("#panel").css("color", "Tomato")
            .slideUp(2000)
            .slideDown(2000);

运行一下


专否建议:选择分行写还是连成一句,如果能考虑到代码逻辑的展现,那会更加显得神功盖世。


jQuery Chaining

上一节 下一节