首页 > 代码库 > jquery开发之代码风格

jquery开发之代码风格

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

<script type="text/javascript"> $(function () { $(‘pre.prettyprint code‘).each(function () { var lines = $(this).text().split(‘\n‘).length; var $numbering = $(‘
    ‘).addClass(‘pre-numbering‘).hide(); $(this).addClass(‘has-numbering‘).parent().append($numbering); for (i = 1; i <= lines; i++) { $numbering.append($(‘
  • ‘).text(i)); }; $numbering.fadeIn(1700); }); }); </script>

jquery开发之代码风格