码迷,mamicode.com
首页 > Web开发 > 详细

jquery开发之代码风格

时间:2017-06-21 13:38:26      阅读:165      评论:0      收藏:0      [点我收藏+]

标签:something   ring   use   jquery   hidden   app   end   div   top   

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

jquery开发之代码风格

标签:something   ring   use   jquery   hidden   app   end   div   top   

原文地址:http://www.cnblogs.com/blfbuaa/p/7058867.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!