jQuery对象函数.add()用于将新的DOM元素添加到当前jQuery对象中
▥前端
𝄐 0
jqueryaddclass
jQuery对象函数.add()用于将新的DOM元素添加到当前jQuery对象中，返回一个新的包含原始元素和新元素的jQuery对象。
具体来说，.add()方法接受一个参数，可以是选择器、HTML字符串、DOM元素或jQuery对象。该参数指定要添加到当前jQuery对象的元素。如果参数是选择器，则会查找与选择器匹配的所有元素，并将它们添加到当前jQuery对象中。
以下是一个示例代码：
html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>.add() Example</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
// 将两个元素添加到当前对象中
$("p").add("span").css("background-color", "yellow");
});
});
</script>
</head>
<body>
<p>Hello world!</p>
<button>点击这里添加样式</button>
<span>Another element</span>
</body>
</html>
在上面的代码中，当用户单击按钮时，$("p")元素和$("span")元素将被添加到当前jQuery对象中。然后，我们使用.css()方法将它们的背景颜色设置为黄色。
jQuery对象函数.add()用于将新的DOM元素添加到当前jQuery对象中，返回一个新的包含原始元素和新元素的jQuery对象。
具体来说，.add()方法接受一个参数，可以是选择器、HTML字符串、DOM元素或jQuery对象。该参数指定要添加到当前jQuery对象的元素。如果参数是选择器，则会查找与选择器匹配的所有元素，并将它们添加到当前jQuery对象中。
以下是一个示例代码：
html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>.add() Example</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
// 将两个元素添加到当前对象中
$("p").add("span").css("background-color", "yellow");
});
});
</script>
</head>
<body>
<p>Hello world!</p>
<button>点击这里添加样式</button>
<span>Another element</span>
</body>
</html>
在上面的代码中，当用户单击按钮时，$("p")元素和$("span")元素将被添加到当前jQuery对象中。然后，我们使用.css()方法将它们的背景颜色设置为黄色。
本文地址：
/show-269960.html
版权声明：除非特别标注原创，其它均来自互联网，转载时请以链接形式注明文章出处。