JSer对象 appendTo(content)
描述:
将DOM元素追加到content内部最末尾.
注意:如果content中包含多个DOM元素,将在每个元素内部末尾都进行追加.
此方法颠倒了
append(content)操作,即该操作是把content追加到当前对象,而此方法刚好相反,是把当前对象追加到content。
参数:
参数 |
类型 |
说明 |
content |
DOM
HTML
selector
JSer
Array |
采用JSer(content)将其封包成JSer对象 |
返回:
JSer |
追加到content末尾的那些DOM元素封包成的JSer。 |
特别注意: |
返回的JSer对象已经不是调用此方法之前的那个对象,同时,调用前后两个对象的length属性也不一定相等(这由content的元素个数决定)。 不过您可以通过调用返回的对象的end()方法,来获取调用前的JSer对象的引用。 |
示例1:
html代码:
<div id="mydiv">content.</div>
js代码:
JSer("<span>text</span>").appendTo("#mydiv");
结果:
<div id="mydiv">content.<span>text</span></div>
示例2:
html代码:
<div id="mydiv">div</div>
<p id="myp">p</p>
js代码:
JSer("#myp").appendTo("#mydiv");
结果:
<div id="mydiv">div<p id="myp">p</p></div>
<p id="myp">p</p>
特别提示:
从示例2可以看出,在追加到其它元素后,原来的"#myp"元素本身仍然存在,也就是说程序是先对其进行克隆,以其副本去进行append.而有些时候,我们不想再保留原来的元素,因此可以将示例2的js代码改成:
JSer("#myp").remove().appendTo("#mydiv");
这样,得到的结果就是:
<div id="mydiv">div<p id="myp">p</p></div>
请参考: