提高jquery代码的可读性

作者: 蓝骑士 分类: 其他 发布时间: 2012-11-27 00:01

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

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

(2)对于同一个对象的较多操作,建议每行一个操作。代码如下:

$(this).removeClass(“mouseout”)

.addClass(:mouseover”)

.stop()

.fadeTo(“fase”,0.6)

.fadeTo(“fast”,1)

.unbind(“click”)

.click(function(){

//do something …

});

(3)对于多个对象的少量操作,可以每个对象写一行,如果涉及子元素,可以考虑适当地缩进。例如上面提到的代码:

$(this).addClass(“highlight”)

.children(“li”).show().end()

.siblings().removeClass(“highlight”)

.children(“li”).hide();

(4)对于多个对象的较多操作,建议结合第(2)条、第(3)条来做

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!