JSer对象 append(content)
描述:
向元素内部最末尾追加content内容.

注意:如果当前的JSer对象中包含多个DOM元素,将在每个元素内部末尾都追加内容.
参数:
参数 类型 说明
content DOM
HTML
JSer
Array
要追加的内容.
如果传入的是个DOM对象,则此对象将被克隆后追加到元素内部最末尾;
如果传入的是个字符串,则当作html代码被追加到元素内部最末尾;
注意此参数并不接受selector选择符,但可接受JSer对象.
如果传入的参数是一个数组,将遍历数组每个下标,根据下标元素类型做相应的append处理.
返回:
JSer 当前的JSer对象。
示例1:
html代码:
<div id="mydiv">content.</div>
js代码:
JSer("#mydiv").append("<span>text</span>");
结果:
<div id="mydiv">content.<span>text</span></div>
示例2:
html代码:
<div id="mydiv">div</div>
<p id="myp">p</p>
js代码:
JSer("#mydiv").append(JSer("#myp"));
结果:
<div id="mydiv">div<p id="myp">p</p></div>
<p id="myp">p</p>
特别提示:
示例2可以看出,在追加到其它元素后,原来的"#myp"元素本身仍然存在,也就是说程序是先对其进行克隆,以其副本去进行append.而有些时候,我们不想再保留原来的元素,因此可以将示例2的js代码改成:
JSer("#mydiv").append(JSer("#myp").remove());
这样,得到的结果就是:
<div id="mydiv">div<p id="myp">p</p></div>
请参考:
appendTo(content), perpend(content), prependTo(content), html(val), text(val)