jQuery应用之jQuery链用法实例_jquery
程序员文章站
2022-06-05 09:27:08
...
本文实例讲述了jQuery应用之jQuery链用法。分享给大家供大家参考。具体分析如下：
很多时候我们可以将jQuery语句链接在一起，这不仅可以缩短代码长度，而且很多时候可以实现特殊的效果。先看如下代码：
复制代码 代码如下:
以上代码为整个
列表增加样式css1,然后再进行筛选，再为筛选的元素单独增加css2样式。如果不采用jQuery，实现上述的效果将非常麻烦。
very nice,Thank you.
在jQuery链中，后面的操作都是以前面的操作结果为对象的，如果希望操作对象为上一步的对象，则可以使用end()方法。
用end()方法来控制jQuery链。
复制代码 代码如下:
Hello,howare you?
very nice,Thank you.
以上代码在
中搜索标记，然后添加风格css1，利用end()方法将操作对象往回设置为$("p")并添加样式风格css2.
另外，还可以通过andSelf()将前面两个对象进行组合后共同处理。
用andSelf()方法控制jQuery链。
复制代码 代码如下:
第一段
第二段
以上jQuery代码首先在
中搜索
标记，添加css1，这个风格只对
标记有效，然后利用andSelf()方法将
和
组合在一起，然后添加样式css2,这个风格对
和
均有效。
效果：
复制代码 代码如下:
第一段
第二段
希望本文所述对大家的jQuery程序设计有所帮助。
声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。
相关文章
相关视频
专题推荐
-
独孤九贱-php全栈开发教程
全栈 170W+
主讲：Peter-Zhu 轻松幽默、简短易学，非常适合PHP学习入门
-
玉女心经-web前端开发教程
入门 80W+
主讲：灭绝师太 由浅入深、明快简洁，非常适合前端学习入门
-
天龙八部-实战开发教程
实战 120W+
主讲：西门大官人 思路清晰、严谨规范，适合有一定web编程基础学习
作者信息
- 最新文章
- 热门排行
网友评论
文明上网理性发言，请遵守 新闻评论服务协议
我要评论