Jquery屬性遍歷、HTML操作。
Jquery擁有可操作HTML元素和屬性的強(qiáng)大方法。
下面是我整理的一些jquery遍歷函數(shù):
.add()
將元素添加到匹配元素的集合中。
.andSelf()
把堆棧中之前的元素集添加到當(dāng)前集合中。
.children()
獲得匹配元素集合中每個(gè)元素的所有子元素。
.closest()
從元素本身開始,逐級(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ù)的見解。
HTML操作DOM的方法:
Jquery最重要的部分就是操作DOM的能力,jquery提供了一系列與DOM相關(guān)的方法,這使訪問和操作屬性的元素和屬性就會(huì)變得很容易,怎么操作DOM對(duì)象:document Object Model(文檔對(duì)象模型)DOM定義訪問HTML和XML文檔的標(biāo)準(zhǔn):“W3C文檔對(duì)象模型獨(dú)立于平臺(tái)和語言的界面,允許程序員和腳本動(dòng)態(tài)訪問和更新文檔內(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ù)來設(shè)置所有匹配元素的內(nèi)容。
$(selector).html(function(index,oldcontent))
以上就是我對(duì)jquery屬性,遍歷,HTML操作的理解與見解,希望可以對(duì)大家有所幫助。
關(guān)于這篇jquery屬性,遍歷,HTML操作方法詳解就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持綠夏網(wǎng)。