1、append(content|fn)
说明:向每个匹配的元素内部追加内容。
这个操作与对指定的元素执行appendChild方法,将它们添加到文档中的情况类似。
content(要追加到目标中的内容) | string,element,jquery |
function(index, html) 返回一个HTML字符串 index参数为对象在这个集合中的索引值 html参数为这个对象原先的html值。 |
function |
示例:
描述:不再赘述
2、appendTo(content)
说明:把所有匹配的元素追加到另一个指定的元素集合中
实际上,使用这个方法是颠倒了常规的$(A).append(B)的操作,即不是把B追加到A中,而是把A追加到B中。
在jQuery 1.3.2中,appendTo, prependTo, insertBefore, insertAfter, 和 replaceAll这个几个方法成为一个破坏性操作,返回值是所有被追加的内容,而不仅仅是先前所选中的元素。所以,要选择先前选中的元素,需要使用end()方法,参见例二。
示例:
描述:把所有段落追加到ID值为foo的元素中。
HTML代码:
<p>I would like to say: </p>
<div></div>
<div></div>
jQuery代码:
$('p').appendTo('div');
描述二:新建段落追加div中并加上一个class
HTML代码:
<div></div>
<div></div>
jQuery代码:
$("<p/>")
.appendTo("div")
.addClass("test")
.end()
.addClass("test2");
结果:
<div><p class="test test2"></p></div>
<div><p class="test"></p></div>
3、prepend(content)
说明:向每个匹配元素内部前置内容
这是向所有匹配元素内部的开始处插入内容的最佳方式。
示例:
参数:
content(要插入到目标元素内部前端的内容) | string,element,jquery |
function(index, html) 返回一个HTML字符串 index参数为对象在这个集合中的索引值 html参数为这个对象原先的html值。 |
function |
描述:向所有段落中前置一些HTML标记代码。
HTML代码:
<p>I would like to say: </p>
jQuery代码:
$('p').prepend('<b>Hello </b>');
结果:
[ <p><b>Hello</b>I would like to say: </p> ]
4、prependTo(content)
说明:把所有匹配的元素前置到另一个、指定的元素元素集合中。
实际上,使用这个方法是颠倒了常规的$(A).prepend(B)的操作,即不是把B前置到A中,而是把A前置到B中。
在jQuery 1.3.2中,appendTo, prependTo, insertBefore, insertAfter, 和 replaceAll这个几个方法成为一个破坏性操作,要选择先前选中的元素,需要使用end()方法,参见 appendTo 方法的例二。
示例:不再赘述