add(expr|ele|html|obj[,con])
最后更新于:2022-04-01 05:54:09
### 返回值:jQueryadd(expr|ele|html|obj*[,con]*)
### 概述
把与表达式匹配的元素添加到jQuery对象中。这个函数可以用于连接分别与两个表达式匹配的元素结果集。
jQuery 1.4 中, .add()方法返回的结果将始终以元素在HTML文档中出现的顺序来排序,而不再是简单的添加。
### 参数
#### **expr****String*V1.0*
一个用于匹配元素的选择器字符串。
#### **elements****DOMElement*V1.0*
DOM元素。
#### **html****String*V1.0*
HTML片段添加到匹配的元素。
#### **jQuery object****object*V1.3.2*
一个jqeruy对象增加到匹配的元素
#### **expr,context****Element, jQuery*V1.4*
**expr**:用于匹配元素并添加的表达式字符串,或者用于动态生成的HTML代码,如果是一个字符串数组则返回多个元素
**context**:作为待查找的 DOM 元素集、文档或 jQuery 对象。
### 示例
#### 描述:
添加一个新元素到一组匹配的元素中,并且这个新元素能匹配给定的表达式。
##### HTML 代码:
~~~
<p>Hello</p><span>Hello Again</span>
~~~
##### jQuery 代码:
~~~
$("p").add("span")
~~~
##### 结果:
~~~
[ <p>Hello</p>, <span>Hello Again</span> ]
~~~
#### 描述:
动态生成一个元素并添加至匹配的元素中
##### HTML 代码:
~~~
<p>Hello</p>
~~~
##### jQuery 代码:
~~~
$("p").add("<span>Again</span>")
~~~
##### 结果:
~~~
[ <p>Hello</p>, <span>Hello Again</span> ]
~~~
#### 描述:
为匹配的元素添加一个或者多个元素
##### HTML 代码:
~~~
<p>Hello</p><p><span id="a">Hello Again</span></p>
~~~
##### jQuery 代码:
~~~
$("p").add(document.getElementById("a"))
~~~
##### 结果:
~~~
[ <p>Hello</p>, <p><span id="a">Hello Again</span></p>, <span id="a">Hello Again</span> ]
~~~