jquery开发之代码风格

Posted 2020-09-23 blfbuaa

1，链式操作风格。

(1) 对于同一个对象不超过三个操作的。可直接写成一行。代码例如以下：

$(“li”).show().unbind(“click”);

(2) 对于同一个对象的较多操作，建议每行写一个操作。

代码例如以下：
$(this).removeClass(“mouseout”)
.addClass(“mouseover”)
.stop()
.fadeTo(“fast”,0.6)
.fadeTo(“fast”,1)
.unbind(“click”)
.click(function(){
//do something
} );

(3) 对于多个对象的少量操作，能够每一个对象写一行，假设涉及子元素能够适当的考虑缩紧。代码例如以下：

$(this).addClass(“highlight”)
.children(“li”).show().end()
.siblings().removeClass(“highlight”)
.children(“li”).hidden();