读书人

锐利的jQuery笔记2链式编码风格规

发布时间: 2012-10-27 10:42:26 作者: rapoo

锋利的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();
?

读书人网 >Web前端

热点推荐