jquery中的DOM操作

2021-09-07 22:14:04 字數 814 閱讀 2109

1、

查詢元素節點,並列印其內容

var $li = $("ul li:eq(1)");//查詢裡第2個節點

var li_txt = $li.text(); //獲取文字內容

alert(li_txt);

2、查詢屬性節點

var $para = $("p");//獲取節點

var p_txt = $para.attr("title");//獲取元素節點屬性title

3、建立元素節點

var $li_1 = $("");//建立第1個元素

var $li_2 = $("");

4、建立文字節點

var  $li_1 = $("香蕉");

5、刪除節點

1)remove()方法

$("ul li:eq(1)").remove();//獲取第2個元素節點後,將它從網頁中刪除
這個方法的返回值是乙個指向已被刪除的節點的引用,因此可以在以後再使用這些元素。

$("ul li").remove("li[title!=菠蘿]");
2)empty()方法

嚴格來講,empty()方法並不是刪除元素,而是清空節點,它能清空元素中所有的後代節點。

$("ul li:eq(1)").empty();//獲取第2個元素節點後清空此元素裡的內容,注意是元素裡

jQuery中的DOM操作

三 jquery中的dom操作 3.2.1 查詢節點 1.查詢元素節點 var li ul li eq 1 獲取裡第2個節點 var li text li.text 獲取第二個元素節點的文字內容 2.查詢屬性節點 var para p 獲取節點 var p text para.attr title ...

jQuery中的DOM操作

jquery中的dom操作 dom分為3個部分,dom core html dom,css dom 1,查詢節點 查詢元素節點可以用 選擇器,find 和children 方法。查詢屬性節點可以用attr 方法,也可以用 的屬性過濾選擇器 eg div tittle 2,建立節點 3,插入節點 3....

jQuery中的DOM操作

dom操作又叫節點操作,標籤操作,元素操作 再選中元素的裡邊的最後邊 叫做建立乙個元素,jquery物件 其實就是在原有標籤的基礎上做了一些改造 prepend div prepend div prepend 生成乙個jquery物件p prependto 給div裡邊的最前邊加乙個p標籤 prep...