jquery api add()方法_$api.add-优快云博客

本文介绍 jQuery 中 add() 方法的使用方式，并通过一个实例展示了如何将多个元素组合到一个 jQuery 对象中并进行样式修改。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

给定一个jQuery对象,该对象表示一组DOM元素,该add()方法构造一个新的jQuery对象从这些元素的结合和传递到方法的人。add()的参数可以是接受$(),包括一个jQuery选择器表达式,DOM元素的引用,或者一个HTML片段。　　　　

不要认为这个方法附加到现有的元素集合的顺序把它们传递到add()方法。当所有元素的成员相同的文档,结果收集从add()将按文档顺序排序;也就是说,在文档中出现的每个元素的顺序。如果集合包含从不同的文档或元素的任何文档,排序顺序是未定义的。与元素创建了一个jQuery对象定义良好的秩序,使用$(array_of_DOM_elements)签名。

代码：

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>add demo</title>
<script src="jquery-1.10.2.js"></script>
<style>
div{
	width:60px;
	height:60px;
	margin:10px;
	float:left;
}
p{
	clear:left;
	font-weight:bold;
	font-size:16px;
	color:blue;
	margin:0 10px;
	padding:2px;
}
</style>
</head>

<body>
<div>11111</div>
<div></div>
<div></div>
<p>js加上背景</p>
<script>
    $("div").css("border","2px solid blue")
    .add("p")
    .css("background","red")
</script>
</body>
</html>

效果图：