jQuery:插入,複製,替換和刪除節點

時間 2019-11-06

原文原文鏈接

<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> javascript

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。