jQuery应用之jQuery链用法实例

前端之家收集整理的这篇文章主要介绍了jQuery应用之jQuery链用法实例前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

本文实例讲述了jQuery应用之jQuery链用法分享给大家供大家参考。具体分析如下:

很多时候我们可以将jQuery语句链接在一起,这不仅可以缩短代码长度,而且很多时候可以实现特殊的效果。先看如下代码

代码如下:

以上代码为整个

列表增加样式css1,然后再进行筛选,再为筛选的元素单独增加css2样式。如果不采用jQuery,实现上述的效果将非常麻烦。

在jQuery链中,后面的操作都是以前面的操作结果为对象的,如果希望操作对象为上一步的对象,则可以使用end()方法

用end()方法来控制jQuery链。

代码如下:

Hello,howare you?

very nice,Thank you.

以上代码

搜索标记,然后添加风格css1,利用end()方法将操作对象往回设置为$("p")并添加样式风格css2.

另外,还可以通过andSelf()将前面两个对象进行组合后共同处理。

用andSelf()方法控制jQuery链。

代码如下:

第一段

第二段

以上jQuery代码首先在

搜索

标记添加css1,这个风格只对

标记有效,然后利用andSelf()方法

组合在一起,然后添加样式css2,这个风格对

均有效。

效果

代码如下:

希望本文所述对大家的jQuery程序设计有所帮助。

猜你在找的jQuery相关文章