jQuery中的DOM操作

DOM操作的分類

????DOM操作分為3個方面,即DOM Core(核心)本股、HTML-DOM和CSS-DOM争剿。

DOM Core

????JavaScript中的getElementById()、getElementByTagName()痊末、 getAttribute()和setAttribute()等方法蚕苇,這些都是DOM Core的組成部分。

HTML_DOM

????document.forms;
????element.src;
????element.alt;

CSS_DOM

????CSS_DOM 是針對CSS的操作凿叠。
????CSS-DOM技術(shù)的主要作用是獲取和設(shè)置style對象的各種屬性涩笤。
????例如: element.style.color=“red”;

each()

??定義和用法:
????each() 方法為每個匹配元素規(guī)定運行的函數(shù)。
????提示:返回 false 可用于及早停止循環(huán)盒件。
????語法:
????$(selector).each(function(index,element))
????參數(shù)描述:
????index - 選擇器的 index 位置
????element - 當(dāng)前的元素(也可使用 "this" 選擇器)
????eg:$("li").each(function(){ alert($(this).text()) });

操作內(nèi)容

????html():設(shè)置或返回所選元素的內(nèi)容(等同于js中的innerHTML)
????text():設(shè)置或返回所選元素的文本內(nèi)容(等同于js中的innerText)
????val():設(shè)置或返回表單字段的值(等同于js中的value)

操作“元素”屬性

??1.獲取元素的屬性
????attr(name)
????語法:$(selector).attr(attribute)
??2蹬碧、設(shè)置元素的屬性
???? 2.1 attr(key,value) 設(shè)置指定key屬性的屬性值為value
????語法:$(selector).attr(attribute,value)
????2.2 設(shè)置多個屬性/值對
????語法:$(selector).attr({attribute:value, attribute:value ...})

刪除元素的屬性

????removeAttr(name) : 刪除指定的屬性
????說明:name表示屬性的名稱。

操作元素的樣式

????1炒刁、直接設(shè)置樣式屬性: css()方法
????2恩沽、獲取樣式和設(shè)置樣式
????獲取:$(“#nav”).attr(“class”)
????設(shè)置:$(“#nav”).attr(“class”,”nav2”)
????3翔始、增加樣式
addClass(class)
說明:參數(shù)class為樣式名稱罗心,也可以同時增加多個樣式,只需要用空格將其隔開即可城瞎。
????addClass(class1 class2…)
????4渤闷、移除樣式
????removeClass([class])
????可選。規(guī)定要移除的 class 的名稱脖镀。如需移除若干類飒箭,請使用空格來分隔類名。如果不設(shè)置該參數(shù)蜒灰,則會移除所有類弦蹂。
????5、樣式切換
????toggleClass(class)
????說明:參數(shù)class為樣式名稱强窖。其功能是當(dāng)元素中含有名稱為class的樣式時凸椿,刪除該樣式,否則毕骡,增加該樣式削饵。
5岩瘦、判斷是否含有某個樣式
????hasClass(class)
????說明:參數(shù)class為樣式名稱。該方法用來判斷元素中是否含有某個class窿撬,如果有启昧,則返回true,
否則返回false劈伴。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末密末,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子跛璧,更是在濱河造成了極大的恐慌严里,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,376評論 6 491
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件追城,死亡現(xiàn)場離奇詭異刹碾,居然都是意外死亡,警方通過查閱死者的電腦和手機座柱,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,126評論 2 385
  • 文/潘曉璐 我一進店門迷帜,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人色洞,你說我怎么就攤上這事戏锹。” “怎么了火诸?”我有些...
    開封第一講書人閱讀 156,966評論 0 347
  • 文/不壞的土叔 我叫張陵锦针,是天一觀的道長。 經(jīng)常有香客問我置蜀,道長奈搜,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,432評論 1 283
  • 正文 為了忘掉前任盾碗,我火速辦了婚禮媚污,結(jié)果婚禮上舀瓢,老公的妹妹穿的比我還像新娘廷雅。我一直安慰自己,他們只是感情好京髓,可當(dāng)我...
    茶點故事閱讀 65,519評論 6 385
  • 文/花漫 我一把揭開白布航缀。 她就那樣靜靜地躺著,像睡著了一般堰怨。 火紅的嫁衣襯著肌膚如雪芥玉。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,792評論 1 290
  • 那天备图,我揣著相機與錄音灿巧,去河邊找鬼赶袄。 笑死,一個胖子當(dāng)著我的面吹牛抠藕,可吹牛的內(nèi)容都是我干的饿肺。 我是一名探鬼主播,決...
    沈念sama閱讀 38,933評論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼盾似,長吁一口氣:“原來是場噩夢啊……” “哼敬辣!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起零院,我...
    開封第一講書人閱讀 37,701評論 0 266
  • 序言:老撾萬榮一對情侶失蹤溉跃,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后告抄,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體撰茎,經(jīng)...
    沈念sama閱讀 44,143評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,488評論 2 327
  • 正文 我和宋清朗相戀三年打洼,在試婚紗的時候發(fā)現(xiàn)自己被綠了乾吻。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,626評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡拟蜻,死狀恐怖绎签,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情酝锅,我是刑警寧澤诡必,帶...
    沈念sama閱讀 34,292評論 4 329
  • 正文 年R本政府宣布,位于F島的核電站搔扁,受9級特大地震影響爸舒,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜稿蹲,卻給世界環(huán)境...
    茶點故事閱讀 39,896評論 3 313
  • 文/蒙蒙 一扭勉、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧苛聘,春花似錦涂炎、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,742評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至网梢,卻和暖如春震缭,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背战虏。 一陣腳步聲響...
    開封第一講書人閱讀 31,977評論 1 265
  • 我被黑心中介騙來泰國打工拣宰, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留党涕,地道東北人。 一個月前我還...
    沈念sama閱讀 46,324評論 2 360
  • 正文 我出身青樓巡社,卻偏偏與公主長得像遣鼓,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子重贺,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,494評論 2 348

推薦閱讀更多精彩內(nèi)容