jQuery中add()方法用法实例
add() 方法在原始选定的元素集合中添加一个或多个元素，并返回新的集合。
语法
$(selector).add(content,context)
参数
selector: 要添加的元素或者元素集合。content: 要添加的元素或者元素集合。context(可选): 一个DOM元素，文档或jQuery对象，用于计算指定元素的相对文档位置。
示例
示例1: 向元素集合中添加元素
<!DOCTYPE html>
<html>
<head>
<title>demo1</title>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>
<body>
<div id="first">第一个div</div>
<div id="second">第二个div</div>
<script>
$(document).ready(function(){
$("#first").add("#second").css({"background-color": "blue"});
});
</script>
</body>
</html>
在这个示例中，我们首先通过 $(document).ready() 方法保证DOM已经完全加载，然后我们调用 add() 方法将 first 和 second两个 div 元素添加到一个 jquery 选择器中，并将它们的背景颜色改变为蓝色。
示例2: 添加HTML字符串到元素集合中
<!DOCTYPE html>
<html>
<head>
<title>demo2</title>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>
<body>
<div>第一个div</div>
<div>第二个div</div>
<script>
$(document).ready(function(){
$("div").add("<p>添加一段 P 标签</p>").appendTo(document.body);
});
</script>
</body>
</html>
在这个示例中，我们首先获取到两个 div 元素，然后调用 add() 方法，向这个元素集合中增加一个 <p> 元素。我们最后调用 appendTo() 方法，将整个元素集合添加到文档主体中，这样我们就看到了两个 div 元素和一个 p 元素了。
总结
在 jQuery 中，add() 方法可以用来向选中的元素集合中添加元素，可以是元素选择器，也可以是 HTML 字符串形式的元素。
本站文章如无特殊说明，均为本站原创，如若转载，请注明出处：jQuery中add()方法用法实例 - Python技术站
微信扫一扫 
支付宝扫一扫 