品易云推流 关闭
文章详情页
文章 > JavaScript > jQuery中如何使用add()方法添加元素

jQuery中如何使用add()方法添加元素

js jQuery

头像

宋雪维

2021-04-27 10:29:243382浏览 · 0收藏 · 0评论

jQuery中添加元素的方法有很多,那如果不是将任意的值添加到jQuery对象集合中,而是想要选中需要的代码添加入jQuery对象已存在的元素组合中,该如何操作呢?很简单,使用add()方法即可。add()方法其实是jQuery中的遍历方法,但是它发挥的是添加元素的作用。

1、add()方法

将选中的元素添加到jQuery对象已存在的元素组合中。

该方法把元素添加到整个文档上,如果规定了 context 参数则只添加到上下文元素内部。

2、使用语法

$( selector).add( element,context)

3、使用参数

Selector:字符串值,表示查找供添加到匹配元素集合的元素的选择器表达式。

Element:添加到匹配元素集合的一个或多个元素。

Context:规定选择器表达式在文档中开始进行匹配的位置。

4、使用实例

$(".p2").add("span").css("background-color","red");    
  <div>
    <p>我是第一个P</p>        
    <p>我是第二个P</p>  //会变红
    <p>我是第三个P</p>        
    <p>我是第四个P</p>  
  </div>
  <span>我是一个span</span>      //会变红

以上就是jQuery中添加元素的add()方法使用介绍,希望能对你jQuery操作有所帮助哟~更多JavaScript学习推荐:JavaScript教程

推荐操作环境:windows7系统、jquery3.2.1版本,DELL G3电脑。

关注

关注公众号,随时随地在线学习

本教程部分素材来源于网络,版权问题联系站长!

底部广告图