使用jQuery操作DOM的方法小結(jié)
一.DOM操作分為3類
1.DOM Core
DOM Core不是Javascript的專屬品,任何一種支持DOM的編程語言都可以使用它.它的用途不僅限于處理一種使用標記語言編寫出來的文檔
2.HTML-DOM
比DOM Core出現(xiàn)的更早,它提供了一些更加簡明的標記來描述各種HTML-DOM的元素屬性
3.CSS-DOM
CSS-DOM 失針對CSS的操作,在JavaScript中,只要作用是獲取和設(shè)置style對象各種屬性
二.樣式操作
1.直接設(shè)置樣式值
css(name,value) //設(shè)置單個屬性
css({name:value,name:value,name:value....}) //同事設(shè)置多個屬性
2.追加樣式和移除樣式
addClass(class) //追加樣式 removeClass(class) //移除樣式
3.切換樣式
taggleClass() //可以切換不同元素的類樣式
三.類容操作
1.html代碼操作
html([content]) //可選,規(guī)定備選元素的新類容,該參數(shù)可以包含HTML標簽,無參數(shù)時,表示被選元素的文本類容
2.標簽類容操作
text([content]) //可選,規(guī)定被選元素的新文本類容. 注釋,特殊字符會被編碼.無參數(shù)時,表示獲取元素的被選類容
3.屬性值操作
val([value])
四.節(jié)點屬性操作
1.查找節(jié)點
$("xxx")
2.創(chuàng)建節(jié)點
$(selector) //選擇器 $(element) //Dom元素 $(html) //html代碼
3.插入節(jié)點
內(nèi)部插入:append(content) appendTo(content) prepend(content) prependTo(content)
外部插入:after(content) insertAfter(content) before(content) insertBefore(content)
4.刪除節(jié)點
$(selector).remove([expr])
5.替換節(jié)點
$("ul li:eq(1)").replaceWith($xxx)
6.復(fù)制節(jié)點
$(selector).clone([includeEvents])
以上就是本文的全部內(nèi)容，希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助，同時也希望多多支持腳本之家！
相關(guān)文章
以前經(jīng)?？匆娋W(wǎng)站有菜單的顯示，鼠標移上去就出現(xiàn)下拉的效果，下面為大家介紹下,下面為大家介紹下JQuery實現(xiàn)的橫向下拉菜單2013-12-12
這篇文章主要介紹了jQuery中g(shù)et方法用法,結(jié)合實例形式分析了jQuery的ajax交互中g(shù)et方法的功能、參數(shù)、使用方法與相關(guān)注意事項,需要的朋友可以參考下2016-12-12
淺談jquery回調(diào)函數(shù)callback的使用
這篇文章主要簡單介紹了jquery回調(diào)函數(shù)callback的使用,需要的朋友可以參考下2015-01-01
jQuery下通過replace字符串替換實現(xiàn)大小圖片切換
實現(xiàn)的效果有點類似于Google picasa相冊不同尺寸圖片的切換效果。本實例通過文字大?。╢ont-size）控制圖片尺寸的做法是跟Google學(xué)習(xí)的，但是jQuery代碼是根據(jù)效果自己想出來的，邏輯很簡單，沒有什么精妙之處2012-05-05
13個絢麗的Jquery 界面設(shè)計網(wǎng)站推薦
今天共享一些令人振奮的UI教程，這些UI大部分是基于Jquery的插件，主要包括動態(tài)切換視圖的相冊、3D旋轉(zhuǎn)分享按鈕、Facebook admin Panel，下滑效果的導(dǎo)航Menu，滑翔購物車功能，漂亮的Form表單元素等等。2010-09-09
Timer是比較常用的工具類，用于按時間計劃執(zhí)行任務(wù)。這篇文章給大家介紹java中的timer的用法詳解，涉及到j(luò)ava timer相關(guān)知識學(xué)習(xí)，對本文感興趣的朋友可以參考下本篇文章2015-10-10
jQuery事件的綁定、觸發(fā)、及監(jiān)聽方法簡單說明
這篇文章主要介紹了jQuery事件的綁定、觸發(fā)、及監(jiān)聽方法簡單說明,使用jQuery的事件會使代碼更加簡單,同時對各瀏覽器的兼容性也還不錯,需要的朋友可以參考下2016-05-05
這篇文章主要介紹了jQuery中元素選擇器（element）用法,簡單通俗的說明了jQuery元素選擇器的功能、用法并結(jié)合實例形式分析了jQuery元素選擇器的相關(guān)使用技巧與注意事項,需要的朋友可以參考下2018-05-05
這篇文章主要為大家詳細介紹了基于jQuery實現(xiàn)可編輯的表格，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-12-12
這篇文章主要介紹了href下載文件的實現(xiàn)，主要是根據(jù)id取url并下載,需要的朋友可以參考下2014-05-05