jquery节点操作

1 - append() 
向每个匹配的元素内部追加内容: 

<p>我想说:</p>  
$("p").append("<b>你好</b>"); 

结果:  
<p>我想说:<b>你好</b></p>  


2 - appendTo() 

将所有匹配的元素追加到指定的元素中。实际上,使用该方法是颠倒了常规的$(A).append(B)的操作,即不是将B追加到A中,而是将A追加到B中: 
 
<p>我想说:</p>  
$("<b>你好</b>").appendTo("p");  

结果:  
<p>我想说:<b>你好</b></p>  


3 - prepend() 

向每个匹配的元素内部前置内容: 

<p>我想说:</p>  
$("p").prepend<"<b>你好</b>");  

结果:  
6<p><b>你好</b>我想说:</p>  


4 - prependTo() 

将所有匹配的元素前置到指定的元素中。实际上,使用该方法是颠倒了常规的$(A).prepend(B)的操作,即不是将B前置到A中,而是将A前置到B中: 

<p>我想说:</p>  
$("<b>你好</b>").prependTo("p");  

结果:  
<p><b>你好</b>我想说:</p>  


5 - after() 

在每个匹配的元索之后插入内容: 

<p>我想说:</p>  
$("p").after("<b>你好</b>");  

结果:  
<p>我想说:</p><b>你好</b>  


6 - insertAfler() 

将所有匹配的元素插入到指定元素的后面。实际上,使用该方法是颠倒了常规的$(A).after(B)的操作,即不是将B插入到A后面,而是将A插入到B后面: 

<p>我想说:</p>  
$("<b>你好</b>").insertAfter("p");  
结果:  
<p>我想说:</p><b>你好</b>  


7 - before() 

在每个匹配的元素之前插入内容: 

<p>我想说:</p>  
$("p").before("<b>你好</b>");  

结果:  
<b>你好</b><p>我想说:</p>  


8 - insertBefore() 

将所有匹配的元素捅入到指定的元素的前面。实际上,使用该方法是颠倒了常规的$(A).before(B)的操作,即不是将B插入到A前面,而是将A插入到B前面: 

<p>我想说:</p>  
$("<b>你好</b>").insertBefore("p");  

结果:  
<b>你好</b><p>我想说:</p>  

  

posted @ 2013-09-13 17:03  暖流  阅读(136)  评论(0编辑  收藏  举报