jQuery中的DOM操作

2021-09-24 15:44:02 字數 1054 閱讀 2772

請先引入jquery.js

對下面這段簡短的**進行操作:

請選擇你喜歡的水果

查詢元素節點

var li_text= $("ul li:eq(1)").text(); 

alert(li_text)

查詢屬性節點

var p_text=$("p").attr("title");

alert(p_text)

建立元素節點——包含文字內容

var $li_2=$("李子");
插入節點

prepend()——向每個匹配的元素內部前置內容

prependto()

after()——在每個匹配的元素之後插入內容

insertafter()

before()

insertbefore()

//在p標籤之後插入元素 

$("p").after("")

//在p標籤之前插入元素

$("p").prepend("")

刪除節點(三種方法)

$("ul li:eq(0)").remove()

//detach()方法

$("ul li").click(function())

var $li=$("ul li:eq(1)").detach();

//重新追加此元素,發現之前繫結的事件還在

複製節點

$("ul li").click(function())
替換節點

$("p").replacewith("你不喜歡的水果是?")

$("").replaceall("p")

包裹節點——wrap(),wrapall(),wrapinner()

$("p").wrap("")

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