zl程序教程

您现在的位置是:首页 >  前端

当前栏目

jquery开发之代码风格

2023-09-14 09:08:58 时间

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();