jQuery如何使用add()方法？代码示例

jQuery add()方法用于将元素添加到现有元素组中。如果定义了context参数, 则此方法可以将元素添加到整个文档中, 也可以添加到context元素中。

语法如下：

$(selector).add(element, context_parameter)

在这里选择器有助于找到匹配的元素。

参数：

它接受下面指定的两个参数：

element：它是选定的元素。

context_parameter：它是所定义元素的上下文参数。

jQuery代码显示add()方法的工作方式：

< html >
  
< head >
     < script src="https://ajax.googleapis.com/ajax/libs
                  /jquery/3.3.1/jquery.min.js"></ script >
     < script >
         $(document).ready(function() {
             $(".heading").add("#para1").add("#span1").
             css("background-color", "lightgreen");
         });
     </ script >
</ head >
  
< body >
     < p style = "color:green" class = "heading" >Welcome to GfG!!!</ p >
     < p style = "color:green" id = "para1" >Welcome to lsbin !!!</ p >
     < span style = "color:green" id = "span1" >Article 1 !!!.</ span >
     < div >This example adds the same css style for both
         "p" and "span" elements, using its class and
          id name!!! </ div >
</ body >
  
</ html >

输出如下：

---