jQuery中的DOM操作

2021-09-20 04:12:00 字數 2013 閱讀 4359

示例;$(this).css("border","5px solid #f5f5f5");

或$(this).css();

$("h2").mouseover(function() );
$("h2").mouseout(function() );
$("h2").click(function() );
$("h2").mouseover(function() 

});$("h2").mouseout(function()

});

$("div.left").html("…

");

$("div.left").text("…

");

ii.prepend(content)

$(a). prepend (b)表示將b前置插入到a中

如:$("ul"). prepend ($newnode1);

$(a).after (b)表示將b插入到a之後

如:$("ul").after($newnode1);

before(content)

$(a). before (b)表示將b插入至a之前

如:$("ul").before($newnode1);

var $newnode1=$("你喜歡哪些冬季運動專案?");

$(".gamelist li:eq(2)").replacewith($newnode1);

$(selector).clone([includeevents]) ;

引數ture或flase, true複製事件處理,flase時反之

attr()用來獲取與設定元素屬性

$(".contain img").attr();
$(".contain img").removeattr("alt");
節點遍歷

children([expr]) 只考慮子元素而不考慮所有後代元素

示例

查詢div中的每個子元素。

html **:

hello

hello again

and again

jquery **:

$("div").children()

結果:[ hello again ]

描述:在每個div中查詢 .selected 的類。

html **:

hello

hello again

and again

jquery **:

$("div").children(".selected")

結果:[ hello again

]

next([expr])返回後面那個緊鄰的同輩元素

示例

描述:

找到每個段落的後面緊鄰的同輩元素。

html **:

hello

hello again

and again

jquery **:

$("p").next()

結果:[ hello again

, and again

]描述:

找到每個段落的後面緊鄰的同輩元素中類名為selected的元素。

html **:

hello

hello again

and again

jquery **:

$("p").next(".selected")

結果:[ hello again

]

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