jQuery add() 方法

  • 定义和用法

    add() 方法把元素添加到已存在的元素组合中。
    该方法把元素添加到整个文档上,如果规定了 context 参数则只添加到上下文元素内部。
  • 语法

    $(selector).add(element,context)
  • 参数

    参数 必需的 描述
    element 规定要添加到已存在的元素集合的选择器表达式、jQuery 对象、一个或多个元素、HTML 片段。
    context 规定选择器表达式在文档中开始进行匹配的位置。
  • 实例

    下例演示了把 <p> 和 <span> 元素添加到已存在的元素组合中(<h1>):
    <!DOCTYPE html>
       <html lang="en">
       <head>
       <meta charset="UTF-8">
       <title>欢迎来到菜鸟教程</title>
       //此版本是百度cdn 1.11.1,当然你可以使用更高的版本,从2.0版本以上的是不支持ie6-8的
       <script type="text/javascript" src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
       <script>
           $(document).ready(function () {
              $("h1").add("p").add("span").css("background-color","yellow");
           });
       </script>
       </head>
       <body>
           <h1>这是一个h1段落。</h1>
           <p>这是一个段落。</p>
           <p>这个是p2段落</p>
           <span>这个是span段落</span>
           <span>这个是span2段落</span>
           <button>点击执行add方法</button>
          
       </body>
       </html>
    
    尝试一下