add()方法用于将新元素添加到当前匹配集合中并返回新对象，例如$(‘p’).add(‘span’)可同时操作p和span元素；支持选择器、DOM元素或jQuery对象作为参数，如$(‘p’).add(document.getElementById(‘myDiv’))或$(‘p’).add($(‘a’))；该方法不修改原始集合，元素按文档顺序排列且不重复添加，适用于需对多个无关元素统一操作的场景。
在jQuery中，add() 方法用于将一组新的元素添加到当前的匹配元素集合中。它不会修改原始的DOM结构，而是返回一个新的jQuery对象，包含原始元素和新添加的元素。
add() 基本语法
$(selector).add(elements)
selector：原始选中的元素 elements：要添加的元素，可以是选择器字符串、DOM元素、jQuery对象等
常见使用方式
1. 添加选择器匹配的元素
例如，选中所有 p 元素，并添加所有 span 元素：
$(‘p’).add(‘span’)
这会创建一个包含所有 p 和 span 元素的集合，可以继续对其操作，比如添加样式：
$(‘p’).add(‘span’).css(‘color’, ‘red’);
2. 添加DOM元素
你可以传入一个实际的DOM节点：
var div = document.getElementById(‘myDiv’);
$(‘p’).add(div).addClass(‘highlight’);
3. 添加jQuery对象
如果已有另一个jQuery对象，也可以将其加入：
var $links = $(‘a’);
$(‘p’).add($links).show();
注意事项
add() 不改变原集合，而是返回新集合。原始的jQuery对象不会被修改。
元素顺序通常按文档顺序排列，而不是添加顺序。
如果添加的元素已经存在于集合中，不会重复添加。
基本上就这些。add()适合在需要同时操作多个不相关选择器时使用，避免多次调用相同方法。
以上就是jQuery中如何使用add()方法添加元素的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1534309.html
微信扫一扫 
支付宝扫一扫 
