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节点：

在Android

本文档主要讲述的是在Android-Studio中导入Vitamio框架；介绍了如何将Vitamio框架以Module的形式添加到自己的项目中使用,这个方法也适合导入其他模块实现步骤。希望本文档会给有需要的朋友带来帮助；感兴趣的朋友可以过来看看

0 查看详情 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()方法添加元素的详细内容，更多请关注其它相关文章！

# jquery  # 营销策划推广码怎么做的  # 是在  # 容器内  # 拖拽  # 自己的  # 自定义  # 多个  # 如何使用  # 文档  # 复选框  # 选择器  # red  # 排列  # css  # 叉车网站推广选哪家  # 充电桩充电营销推广方案  # 安阳搜索关键词排名  # 新乡酒吧营销推广  # 来宾智能网站建设制作  # 营销时的推广  # 福州网站推广评估价格  # 廊坊标准网站建设  # 校园网站建设选择 

相关栏目： 【 科技资讯46185 】 【 网络学院92790 】

相关推荐： 在J*a中如何使用BigDecimal进行高精度计算_BigDecimal类应用指南  谷歌浏览器最新官方入口链接 谷歌浏览器网页版官网导航  C++如何使用AddressSanitizer(ASan)_C++调试工具中检测内存访问错误的利器  vivo浏览器怎么扫描二维码 vivo浏览器内置扫一扫功能使用方法  Bilibili动漫最新防封地址发布-Bilibili动漫2025年最稳正版入口推荐  excel怎么制作工资条 excel快速生成工资条的方法  网易大神账号申诉需要多久_网易大神账号申诉流程说明  J*aScript 字符串标签转换：使用正则表达式高效替换  J*aScript中针对特定容器内图片动画的实现教程  AO3中文官网链接_AO3网页版稳定镜像站  sublime怎么覆盖插件的默认快捷键_sublime快捷键优先级与设置  J*aScriptWebpack优化_J*aScript构建工具实战  fishbowl官网免费版 fishbowl养鱼网站入口  ExcelARRAYTOTEXT函数怎么自定义分隔符输出数组文本_ARRAYTOTEXT实现动态生成SQL语句  微博网页版怎么开启两步验证_微博网页版账号安全两步验证设置方法  铃兰之剑为这和平的世界希里技能组及加点推荐  腾讯QQ邮箱登录入口_QQ邮箱官方网站使用地址  使用 Pandas 高效处理 .dat 文件：字符清理与数据计算  荣耀Play7TPro怎样在信息App置顶客服对话_iPhone荣耀Play7TPro信息App置顶客服对话【优先查看】  sublime怎么设置启动时打开的窗口_sublime会话管理与热退出  NVIDIA股价11月重挫12%：下月有望好转 但难回5万亿美元巅峰  提升Kafka消费者健壮性：会话超时处理与消息处理语义  单12V-2×6实现为RTX 5090供电750W！甚至都没敢跑分  抓大鹅无需下载版 抓大鹅秒玩版入口  电脑屏幕颜色不舒服怎么办_Windows夜间模式与色彩校准教程【护眼技巧】  大象笔记网页版入口 印象笔记网页版登录入口  如何仅使用CSS更改登录界面背景图像图标的颜色  iwriter统一登录平台 iwrite账号密码登录页面  QQ邮箱网页版入口页面 QQ邮箱在线登录入口官网  Composer的 "conflict" 字段有什么用_如何声明不兼容的包以避免依赖冲突  天眼查怎么看公司融资情况 天眼查企业融资历史查询步骤【攻略】  如何在J*a中实现统一对象行为接口_项目大型化时的接口规范化  高德地图怎么看全景照片_高德地图全景照片浏览教程  Windows7怎么硬盘安装 Windows7提取ISO镜像到非系统盘并运行setup.exe实现硬盘直装【教程】  三星ZFold5多任务卡顿_Samsung ZFold5流畅度提升  必由学官方网站入口 必由学学生教师共用登录通道  React Router v6 教程：构建认证保护的私有路由与重定向策略  MongoDB Aggregation：在嵌套对象数组中精确匹配ObjectId  MAC如何安全彻底地删除文件_MAC使用终端命令确保文件无法被恢复  J*a递归快速排序中静态变量导致数据累积问题的解决方案  vivo云服务网页版登录 怎么登录vivo云服务网页版  J*aScript中在Map循环中检测并处理空数组元素  React Router 嵌套组件中 URL 重定向问题的解决方案  sublime如何配置Python开发环境_将sublime打造成轻量级Python IDE  vivo手机互传视频怎么操作_vivo手机互传视频详细传输方法  高德地图家和公司地址在哪设置 高德地图通勤路线设置方法【超详细】  护手霜蹭到袖口上了如何清洗？ 怎样避免留下一圈油印？  斑马英语APP如何开启夜间护眼阅读_斑马英语APP夜间模式与低蓝光设置教程  c++如何使用折叠表达式(Fold Expressions)_c++17可变参数模板新技巧  微信聊天记录怎么加密_微信聊天记录加密方法