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

最新推荐文章于 2024-08-06 20:28:49 发布

原创最新推荐文章于 2024-08-06 20:28:49 发布 · 390 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jQuery #ViewUI

javascript 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了jQuery链式调用的编码规范，包括单行不超过三个操作、多操作换行及不同对象操作的格式要求。

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