jQuery的链式编程风格
首先本人通过一个案例来展示jQuery的链式编程风格。先写一个页面,展示一个列表,代码如下:
代码执行后的效果如下图所示:
上述代码的扩展效果就是通过jQuery的链式操作实现的,所有增加current类的操作、查询子元素的方法调用、动画方法的调用等都是对同一个元素进行的,所以在开始获取到一个jQuery对象后,后面的所有方法、属性的调用都通过 “.” 进行连续调用即可,这种模式就是链式操作。
为了增加代码的可读性和可维护性,我们将上面的链式代码格式的修改如下:
经过规范格式的调整后,增加了代码的易读性,更加方便后期的维护。
与此同时,我们对于同一个jQuery对象进行链式操作时,主要遵循下面3条格式规范。
(1)对于同一个对象不超过3个操作,可以直接写成一行,代码如下:
(2)对于同一个对象的较多操作,建议每行写一个操作,代码如下:
(3)对于多个对象的少量操作,可以每个对象写一行,如果涉及子元素,可以考虑适当的缩进。代码如下:
以上就是有关jQuery的链式编程风格。