jquery 的一些用法

          jquery 中prepend 和append的用法。       

  <script type="text/javascript" src="http://www.xing.com/public/js/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".append").click(function(){
$("#box").append("<b>Hello</b>"); //把内容放到box中
});
$(".appendTo").click(function(){
$("b").appendTo("#box"); //把b标签中放到box中
});
$(".prepend").click(function(){
$("b").prepend("Hello"); //在b标签前面加上Hello,这是向所有匹配元素内部的开始处插入内容的最佳方式。
});
$(".prependTo").click(function(){
$("b").prependTo("#box");
});


});
</script>
<center>
<a href="#" class="append">append</a>
<a href="#" class="appendTo">appendTo</a>
<a href="#" class="prepend">prepend</a>
<a href="#" class="prependTo">prependTo</a>

<div id="box" style="background: #6699FF;height: 100px;width: 100px;position: relative;">测试用的</div>
<b>我在box外面啊</b>
</center>

     jQuery before和insertBefore用法

$("p").before( $("b");表示p的前面是b，也就是b要插到p的前面。 $("p").insertBefore("b");表示将p插入到b的前面 使用after和before是添加同级的DOM    jQuery的remove用法

<table> 
  <tr id="B">.......... </tr> 
  <tr id="A1">.......... </tr> 
  <tr id="A2">.......... </tr> 
  <tr id="A3">.......... </tr> 
  <tr id="A4">.......... </tr> 
</table> 

有办法删除所有以A开头的节点吗？

狠一点，全部遍历。

   $(document).ready(function() {
            $("*").each(function(){
                if (/^A/.test(this.id)) $(this).remove();
            });
        });

 

第二种方法

  <table> 
  <tr id="B" >.......... </tr> 
  <tr id="A1" class="stz">.......... </tr> 
  <tr id="A2" class="stz">.......... </tr> 
  <tr id="A3" class="stz">.......... </tr> 
  <tr id="A4" class="stz">.......... </tr> 
</table>
$(document).ready(function() {
          
   $("tr.stz").remove();

//$(".stz").remove(); 删除所有样式为stz 的dom
        });

jquery clone()和clone(true)的区别
clone()方法是复制一个元素，不包含其所有事件，
clone(true)方是复制一个元素及其所有事件