JQuery add()用法及代碼示例

jQuery add()方法用於將元素添加到現有元素組中。此方法可以將元素添加到整個文檔，或者如果定義了 context 參數，則僅添加到上下文元素內。

用法:

$(selector).add(element, context_parameter)

這裏選擇器幫助找到匹配的元素。

Parameters: 它接受下麵指定的兩個參數：

element:它是選定的元素。
context_parameter:它是定義的元素的上下文參數。

顯示 add() 方法工作原理的 jQuery 代碼：

HTML


<!DOCTYPE html>
<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。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。