jQuery:節點(插入,複製,替換,刪除)操作

最後更新：2013-10-17 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

複製代碼代碼如下:
<html>
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 <title>jQuery插入,複製、替換和刪除節點</title>
<script type="text/javascript" src="jquery-1.3.2.js"></script>
<script type="text/javascript">
 $(document).ready(function(){
 //幾種添加節點的方法
 //$("p").append("你好嗎？");//向p元素中追加《b》
 //$("你好嗎？").appendTo("p");//將《b》追加到p元素中
 //$("p").prepend("你好嗎？");//向p中前置《b》
 //$("你好嗎？").prependTo("p");//將《b》前置到p元素中
 //$("p").after("你好嗎？");//向p元素後插入《b》
 //$("你好嗎？").insertAfter("p");//將《b》插入到p元素後邊
 //$("p").before("你好嗎？");//在p元素之前添加《b》
 //$("你好嗎？").insertBefore("p");//將《b》插入到p元素前面


 //幾種刪除節點的方法
 //var $li=$("ul li:eq(1)").remove();//刪除ul節點中第2個元素節點
 //$("ul").append($li);//把剛刪除的元素節點從新添加到ul元素中去
 //$("ul li").remove("li[title!=菠蘿]");//將ul元素下title屬性不等於"菠蘿"的li元素刪除
 //$("ul li:eq(1)").empty();//清空ul節點下第2個li元素的內容

 //複製節點
 /* $("ul li").click(function(){
 $(this).clone(true).appendTo("ul");//複製當前點擊的節點，並將它追加到《ul》元素中，當添加參數時複製它的事件

 });
 */
 //替換節點
 // $("p").replaceWith("你最不喜歡的水果是？");

 });
</script>
</head>
<body>
 你好！
 你最喜歡的水果是？
 <ul>
 <li title="蘋果">蘋果</li>
 <li title="橘子">橘子</li>
 <li title="菠蘿">菠蘿</li>
 </ul>
</body>
</html>

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More

jQuery:節點(插入,複製,替換,刪除)操作

聯繫我們

A Free Trial That Lets You Build Big!

Sales Support

After-Sales Support