jquery的综合应用2(append()与prepend())

</html>

     <body>  

         <ul id="city">   

               <li id="bj" name="beijing">北京</li>    

               <li id="tj" name="tianjin">天津</li>   

               <li id="cq" name="chongqing">重庆</li>   

          </ul>          

          <ul id="love">   

               <li id="fk" name="fankong">反恐</li>    

               <li id="xj" name="xingji">星际</li>  

         </ul>      

    </body>

<script language="JavaScript">

     //*   append(content) :向每个匹配的元素的内部的结尾处追加内容

     //append后面的元素插入到append前面的元素的后面

     $("#bj").append($("#fk"));

     //*   appendTo(content) :将每个匹配的元素追加到指定的元素中的内部结尾处

     //appendTo前面的元素插入到appendTo后面的元素的后面

     $("#bj").appendTo($("#fk"));

      //* prepend(content):向每个匹配的元素的内部的开始处插入内容

      //prepend后面的元素插入到prepend前面的元素的前面

      $("#bj").prepend($("#fk"));

      //*prependTo(content) :将每个匹配的元素插入到指定的元素内部的开始处

      //prependTo前面的元素插入到prependTo后面的元素的前面

       $("#bj").prependTo($("#fk"));  

</script>

</html>

posted @ 2013-10-05 20:47  sadan  阅读(199)  评论(0编辑  收藏  举报