使用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.復制節(jié)點
$(selector).clone([includeEvents])
以上就是本文的全部內(nèi)容,希望本文的內(nèi)容對大家的學習或者工作能帶來一定的幫助,同時也希望多多支持腳本之家!
相關(guān)文章
jQuery+slidereveal實現(xiàn)的面板滑動側(cè)邊展出效果
WEB開發(fā)中有時需要在頁面上設(shè)置一個控制面板,默認是不顯示的,當用戶有需要時可以通過按鈕觸發(fā)調(diào)用面板展示。常見的有頁面?zhèn)冗吇雒姘逍Ч?。本文將使用jQuery插件并結(jié)合實例給大家介紹一下面板滑動展示效果。2015-03-03輕松學習jQuery插件EasyUI EasyUI創(chuàng)建菜單與按鈕
這篇文章主要幫助大家輕松學習jQuery插件EasyUI,重點是EasyUI創(chuàng)建菜單與按鈕,按鈕分為鏈接按鈕、菜單按鈕、分割按鈕,對這方面感興趣的小伙伴們可以參考一下2015-11-11jquery利用event.which方法獲取鍵盤輸入值的代碼
jquery利用event.which方法獲取鍵盤輸入值的代碼,需要的朋友可以參考下。2011-10-10jquery.post用法關(guān)于type設(shè)置問題補充
當使用ajax獲取data數(shù)據(jù)的時候,直接data.foo就可以得到。而較低版本的jquery就不行比如1.4之前,下面為大家介紹下jquery.post用法關(guān)于type設(shè)置問題2014-01-01詳談jQuery.load()和Jsp的include的區(qū)別
下面小編就為大家?guī)硪黄斦刯Query.load()和Jsp的include的區(qū)別。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-04-04使用struts2+Ajax+jquery驗證用戶名是否已被注冊
這篇文章主要介紹了使用struts2+Ajax+jquery驗證用戶名是否已被注冊的相關(guān)資料,需要的朋友可以參考下2016-03-03