1. 程式人生 > >jQuery的節點添加、刪除、替換等操作

jQuery的節點添加、刪除、替換等操作

fun 插入 before pla 等於 () appendto tle 事件

//幾種添加節點的方法
//$("p").append("<b>你好嗎?</b>");//向p元素中追加《b》
//$("<b>你好嗎?</b>").appendTo("p");//將《b》追加到p元素中
//$("p").prepend("<b>你好嗎?</b>");//向p中前置《b》
//$("<b>你好嗎?</b>").prependTo("p");//將《b》前置到p元素中
//$("p").after("<b>你好嗎?</b>");//向p元素後插入《b》
//$("<b>你好嗎?</b>").insertAfter("p");//將《b》插入到p元素後邊
//$("p").before("<b>你好嗎?</b>");//在p元素之前添加《b》
//$("<b>你好嗎?</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("<strong>你最不喜歡的水果是?</Strong>");

jQuery的節點添加、刪除、替換等操作