【jQuery使用手册】五:文档处理
时间:2010-08-25 来源:Tony_Zhang
五:文档处理
append(content) 返回值:jQuery
向每个匹配的元素内部追加内容。这个操作与对指定的元素执行appendChild方法,将它们添加到文档中的情况类似。参数content:要追加到目标中的内容。示例:向所有段落中追加一些HMTL标记。
1 HTML代码:2 <p>I would like to say:</p>
3 jQuery代码:
4 $("p").append("<b>Hello</b>");
5 结果:
6 [<p>I would like to say:<b>Hello</b></p>]
append(function(index,html)) 返回值:jQuery
jQuery1.4新增。向每个匹配的元素内部追加内容。参数function:返回一个HTML字符串,用于追加到每一个匹配元素的里边。接受两个参数,index参数为对象在这个集合中的索引值,html参数为这个对象原先得html值。
appendTo(content) 返回值:jQuery
把所有匹配的元素追加到另一个指定的元素集合中。实际上,使用这个方法是颠倒了常规的$(A).append(B)的操作。示例:把所有段落追加到ID值为foo的元素中。
代码 1 HTML代码:2 <p>I would like to say:</p>
3 <div></div><div></div>
4 jQuery代码:
5 $("p").appendTo("div");
6 结果:
7 <div><p>I would like to say:</p></div>
8 <div><p>I would like to say:</p></div>
示例:把新建的段落追加到div中并加上一个class。
代码 1 HTML代码:2 <div></div><div></div>
3 jQuery代码:
4 $("<p/>").appendTo("div").addClass("test").end().addClass("test2");
5 结果:
6 <div><p class="test test2"></p></div>
7 <div><p class="test"></p></div>
相关阅读 更多 +