下一节:

  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>
    尝试一下

  • 相关页面

返回 jQuery 遍历参考
下一节: