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

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

$(selector).add(element, context_parameter)

在这里选择器有助于找到匹配的元素。
参数:
【jQuery如何使用add()方法(代码示例)】它接受下面指定的两个参数:
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 >

输出如下:
jQuery如何使用add()方法(代码示例)

文章图片

    推荐阅读