JQuery add()用法及代码示例

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

$(selector).add(element, context_parameter)

在这里选择器有助于找到匹配的元素。
参数：它接受下面指定的两个参数：

元件：它是选定的元素。
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 GeeksforGeeks !!!</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>

输出：

相关用法

注：本文由纯净天空筛选整理自kundankumarjha大神的英文原创作品 jQuery | add() method with Example。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。