jQuery 文档处理.docVIP

1 append(content|fn) 概述 向每个匹配的元素内部追加内容。 这个操作与对指定的元素执行appendChild方法，将它们添加到文档中的情况类似。 参数 contentString, Element, jQueryV1.0 要追加到目标中的内容 function(index, html)FunctionV1.4 返回一个HTML字符串，用于追加到每一个匹配元素的里边。接受两个参数，index参数为对象在这个集合中的索引值，html参数为这个对象原先的html值。 示例 描述: 向所有段落中追加一些HTML标记。 HTML 代码: pI would like to say: /p jQuery 代码: $(p).append(bHello/b); 结果: [ pI would like to say: bHello/b/p ] appendTo(content) V1.0概述 把所有匹配的元素追加到另一个指定的元素元素集合中。 实际上，使用这个方法是颠倒了常规的$(A).append(B)的操作，即不是把B追加到A中，而是把A追加到B中。 在jQuery 1.3.2中，appendTo, prependTo, insertBefore, insertAfter, 和 replaceAll这个几个方法成为一个破坏性操作，返回值是所有被追加的内容，而不仅仅是先前所选中的元素。所以，要选择先前选中的元素，需要使用end()方法，参见例二。 参数 contentString 用于被追加的内容 示例 描述: 把所有段落追加到ID值为foo的元素中。 HTML 代码: pI would like to say: /p div/divdiv/div jQuery 代码: $(p).appendTo(div); 结果: divpI would like to say: /p/div divpI would like to say: /p/div 描述: 新建段落追加div中并加上一个class HTML 代码: div/divdiv/div jQuery 代码: $(p/) .appendTo(div) .addClass(test) .end() .addClass(test2); 结果: divp class=test test2/p/div divp class=test/p/div prepend(content) 概述 向每个匹配的元素内部前置内容。 这是向所有匹配元素内部的开始处插入内容的最佳方式。 参数 contentString, Element, jQueryV1.0 要插入到目标元素内部前端的内容 function(index, html)FunctionV1.4 返回一个HTML字符串，用于追加到每一个匹配元素的里边。接受两个参数，index参数为对象在这个集合中的索引值，html参数为这个对象原先的html值。 示例 描述: 向所有段落中前置一些HTML标记代码。 HTML 代码: pI would like to say: /p jQuery 代码: $(p).prepend(bHello/b); 结果: [ pbHello/bI would like to say: /p ] 描述: 将一个DOM元素前置入所有段落 HTML 代码: pI would like to say: /p pI would like to say: /p b class=fooHello/b b class=fooGood Bye/b jQuery 代码: $(p).prepend( $(.foo)[0] ); 结果: pb class=fooHello/bI would like to say: /p pb class=fooHello/bI would like to say: /p b class=fooGood Bye/b 描述: 向所有段落中前置一个jQuery对象(类似于一个DOM元素数组)。 HTML 代码: pI would like to say: /pbHello/b jQuery 代码: $(p).prepend( $(b) ); 结果: pbHello/bI would like to say: /p prependTo(content) 概述 把所有匹配的元素前置到另一个、指定的元素元素集合中。 实际上，使用这个方法是颠倒了常规的$(A).prepend(B)的操作，即不是把B前置到A中，而是把A前置到B中。 在jQuery 1.3.2中，appendTo, prependTo, insertBefore, insertAfter, 和 replaceAll这个几个方法成