锋利的jQuery笔记2——链式编码风格规范

jQuery链式编码风格规范:

    1. 对于同个对象不超过3个操作可以写一行

$('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().reomveClass('highlight')
              .children('li').hide();