jquery屬性,遍歷,HTML操作方法詳解
Jquery屬性遍歷、HTML操作。
Jquery擁有可操作HTML元素和屬性的強(qiáng)大方法。
下面是我整理的一些jquery遍歷函數(shù):
.add() |
將元素添加到匹配元素的集合中。 |
.andSelf() |
把堆棧中之前的元素集添加到當(dāng)前集合中。 |
.children() |
獲得匹配元素集合中每個(gè)元素的所有子元素。 |
.closest() |
從元素本身開(kāi)始,逐級(jí)向上級(jí)元素匹配,并返回最先匹配的祖先元素。 |
.contents() |
獲得匹配元素集合中每個(gè)元素的子元素,包括文本和注釋節(jié)點(diǎn)。 |
.each() |
對(duì) jQuery 對(duì)象進(jìn)行迭代,為每個(gè)匹配元素執(zhí)行函數(shù)。 |
.end() |
結(jié)束當(dāng)前鏈中最近的一次篩選操作,并將匹配元素集合返回到前一次的狀態(tài)。 |
.eq() |
將匹配元素集合縮減為位于指定索引的新元素。 |
.filter() |
將匹配元素集合縮減為匹配選擇器或匹配函數(shù)返回值的新元素。 |
.find() |
獲得當(dāng)前匹配元素集合中每個(gè)元素的后代,由選擇器進(jìn)行篩選。 |
.first() |
將匹配元素集合縮減為集合中的第一個(gè)元素。 |
.has() |
將匹配元素集合縮減為包含特定元素的后代的集合。 |
.is() |
根據(jù)選擇器檢查當(dāng)前匹配元素集合,如果存在至少一個(gè)匹配元素,則返回 true。 |
.last() |
將匹配元素集合縮減為集合中的最后一個(gè)元素。 |
.map() |
把當(dāng)前匹配集合中的每個(gè)元素傳遞給函數(shù),產(chǎn)生包含返回值的新 jQuery 對(duì)象。 |
.next() |
獲得匹配元素集合中每個(gè)元素緊鄰的同輩元素。 |
.nextAll() |
獲得匹配元素集合中每個(gè)元素之后的所有同輩元素,由選擇器進(jìn)行篩選(可選)。 |
.nextUntil() |
獲得每個(gè)元素之后所有的同輩元素,直到遇到匹配選擇器的元素為止。 |
.not() |
從匹配元素集合中刪除元素。 |
.offsetParent() |
獲得用于定位的第一個(gè)父元素。 |
.parent() |
獲得當(dāng)前匹配元素集合中每個(gè)元素的父元素,由選擇器篩選(可選)。 |
.parents() |
獲得當(dāng)前匹配元素集合中每個(gè)元素的祖先元素,由選擇器篩選(可選)。 |
.parentsUntil() |
獲得當(dāng)前匹配元素集合中每個(gè)元素的祖先元素,直到遇到匹配選擇器的元素為止。 |
.prev() |
獲得匹配元素集合中每個(gè)元素緊鄰的前一個(gè)同輩元素,由選擇器篩選(可選)。 |
.prevAll() |
獲得匹配元素集合中每個(gè)元素之前的所有同輩元素,由選擇器進(jìn)行篩選(可選)。 |
.prevUntil() |
獲得每個(gè)元素之前所有的同輩元素,直到遇到匹配選擇器的元素為止。 |
.siblings() |
獲得匹配元素集合中所有元素的同輩元素,由選擇器篩選(可選)。 |
.slice() |
將匹配元素集合縮減為指定范圍的子集。 |
以上是我對(duì)jquery遍歷函數(shù)的見(jiàn)解。
HTML操作DOM的方法:
Jquery最重要的部分就是操作DOM的能力,jquery提供了一系列與DOM相關(guān)的方法,這使訪問(wèn)和操作屬性的元素和屬性就會(huì)變得很容易,怎么操作DOM對(duì)象:document Object Model(文檔對(duì)象模型)DOM定義訪問(wèn)HTML和XML文檔的標(biāo)準(zhǔn):“W3C文檔對(duì)象模型獨(dú)立于平臺(tái)和語(yǔ)言的界面,允許程序員和腳本動(dòng)態(tài)訪問(wèn)和更新文檔內(nèi)容、結(jié)構(gòu)以及樣式?!?。DOM獲得-tex()、html()以及val()三個(gè)簡(jiǎn)單實(shí)用的用于 DOM 操作的 jQuery 方法:text() - 設(shè)置或返回所選元素的文本內(nèi)容html() - 設(shè)置或返回所選元素的內(nèi)容(包括 HTML 標(biāo)記)val() - 設(shè)置或返回表單字段的值獲取屬性 - attr()
jQuery attr() 方法用于獲取屬性值。
設(shè)置所有 p 元素的內(nèi)容:
$(".btn1").click(function(){ $("p").html("Hello <b>world</b>!"); });
當(dāng)使用該方法返回一個(gè)值時(shí),它會(huì)返回第一個(gè)匹配元素的內(nèi)容。
$(selector).html()
當(dāng)使用該方法設(shè)置一個(gè)值時(shí),它會(huì)覆蓋所有匹配元素的內(nèi)容。
$(selector).html(content)
使用函數(shù)來(lái)設(shè)置所有匹配元素的內(nèi)容。
$(selector).html(function(index,oldcontent))
以上就是我對(duì)jquery屬性,遍歷,HTML操作的理解與見(jiàn)解,希望可以對(duì)大家有所幫助。
關(guān)于這篇jquery屬性,遍歷,HTML操作方法詳解就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
使用jQuery的load方法設(shè)計(jì)動(dòng)態(tài)加載及解決被加載頁(yè)面js失效問(wèn)題
這篇文章主要介紹了使用jQuery的load方法設(shè)計(jì)動(dòng)態(tài)加載及解決被加載頁(yè)面js失效問(wèn)題,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2017-03-03Jquery Ajax.ashx 高效分頁(yè)實(shí)現(xiàn)代碼
Jquery ,大家都熟悉的一個(gè)框架,我對(duì)Jquery正在學(xué)習(xí)中,對(duì)其影響最深的當(dāng)屬 它的選擇器之強(qiáng),ajax與服務(wù)器之間的交談2009-10-10jquery實(shí)現(xiàn)背景跟隨鼠標(biāo)滑動(dòng)導(dǎo)航
這篇文章主要為大家詳細(xì)介紹了jquery背景跟隨鼠標(biāo)滑動(dòng)導(dǎo)航,特別美觀,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2015-11-11jQuery遍歷節(jié)點(diǎn)樹(shù)方法分析
這篇文章主要介紹了jQuery遍歷節(jié)點(diǎn)樹(shù)方法,結(jié)合實(shí)例形式分析了3種常見(jiàn)的節(jié)點(diǎn)遍歷技巧,需要的朋友可以參考下2016-09-09jquery中在頁(yè)面加載完成后執(zhí)行某個(gè)方法
這篇文章主要介紹了jquery中在頁(yè)面加載完成后執(zhí)行某個(gè)方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-10-10jQuery(1.6.3) 中css方法對(duì)浮動(dòng)的實(shí)現(xiàn)缺陷分析
JavaScript中設(shè)置元素的浮動(dòng)屬性(float),標(biāo)準(zhǔn)瀏覽器使用cssFloat,IE舊版本使用styleFloat。2011-09-09終于實(shí)現(xiàn)了!精彩的jquery彈幕效果
終于實(shí)現(xiàn)精彩的jquery彈幕效果了,這篇文章就為大家詳細(xì)介紹了jquery彈幕效果的實(shí)現(xiàn)代碼,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-07-07