第三章 jQuery中的DOM操做

#jQuery中的DOM操做 ##查找結點 ###1.查找元素結點

var $li = $("ul :li:eq(1)");//獲取<ul>裏第二個<li>結點
alert($li.text());

###2.查找屬性結點

var $para = $("p");//獲取<p>結點
var p_txt = $para.attr("title");//獲取<p>元素結點屬性title
alert(p_area);

###3.建立結點 ####3.1建立元素結點

var $li_1 = $("<li></li>");//建立一個li元素
$("ul").append($li_1);//添加到<ul>結點中，使之能在網頁中顯示

####3.2建立文本結點

var $li_1 = $("<li>香蕉</li>");
$("ul").append($li_1);

####3.3建立屬性結點

var $li_1 = $("<li title='香蕉'>香蕉</li>");//注意屬性結點內容用單引號
$("ul").append($li_1);

#####插入結點的方法

方法	內容
append	目標內部追加元素
appendTo	將元素追加到目標中內部
prepend	匹配元素前置內容
prependTo	...
after	元素後插入內容
before	元素前插入內容

####4.刪除結點 ######4.1 remove 刪除選擇內容 $("#myDiv").remove();//移除div ######4.2 empty 清空結點內容 $("myDiv").empty();//清空div內部元素

####5 複製結點 clone

$("ul li").click(function(){
	$(this).clone().appendTo("ul");//複製當前結點,並將它追加到<ul>元素中
})

clone(true) 複製元素的同時複製所綁定的事件 ####6 替換結點 #####6.1 replaceWith

$(「p」).replace("<strong>你最喜歡的水果是</strong>")

####7 包裹結點

wrapall

$("strong").wrapall("<b></b>");