jquery屬性，遍曆，HTML操作

標籤：

Jquery屬性遍曆、HTML操作。

Jquery擁有可操作HTML元素和屬性的強大方法。

下面是我整理的一些jquery遍曆函數：

.add()	將元素添加到匹配元素的集合中。
.andSelf()	把堆棧中之前的元素集添加到當前集合中。
.children()	獲得匹配元素集合中每個元素的所有子項目。
.closest()	從元素本身開始，逐級向上階項目匹配，並返回最先匹配的祖先元素。
.contents()	獲得匹配元素集合中每個元素的子項目，包括文本和注釋節點。
.each()	對 jQuery 對象進行迭代，為每個匹配元素執行函數。
.end()	結束當前鏈中最近的一次篩選操作，並將匹配元素集合返回到前一次的狀態。
.eq()	將匹配元素集合縮減為位於指定索引的新元素。
.filter()	將匹配元素集合縮減為匹配選取器或匹配函數傳回值的新元素。
.find()	獲得當前匹配元素集合中每個元素的後代，由選取器進行篩選。
.first()	將匹配元素集合縮減為集合中的第一個元素。
.has()	將匹配元素集合縮減為包含特定元素的後代的集合。
.is()	根據選取器檢查當前匹配元素集合，如果存在至少一個匹配元素，則返回 true。
.last()	將匹配元素集合縮減為集合中的最後一個元素。
.map()	把當前匹配集合中的每個元素傳遞給函數，產生包含傳回值的新 jQuery 對象。
.next()	獲得匹配元素集合中每個元素緊鄰的同輩元素。
.nextAll()	獲得匹配元素集合中每個元素之後的所有同輩元素，由選取器進行篩選（可選）。
.nextUntil()	獲得每個元素之後所有的同輩元素，直到遇到匹配選取器的元素為止。
.not()	從匹配元素集合中刪除元素。
.offsetParent()	獲得用於定位的第一個父元素。
.parent()	獲得當前匹配元素集合中每個元素的父元素，由選取器篩選（可選）。
.parents()	獲得當前匹配元素集合中每個元素的祖先元素，由選取器篩選（可選）。
.parentsUntil()	獲得當前匹配元素集合中每個元素的祖先元素，直到遇到匹配選取器的元素為止。
.prev()	獲得匹配元素集合中每個元素緊鄰的前一個同輩元素，由選取器篩選（可選）。
.prevAll()	獲得匹配元素集合中每個元素之前的所有同輩元素，由選取器進行篩選（可選）。
.prevUntil()	獲得每個元素之前所有的同輩元素，直到遇到匹配選取器的元素為止。
.siblings()	獲得匹配元素集合中所有元素的同輩元素，由選取器篩選（可選）。
.slice()	將匹配元素集合縮減為指定範圍的子集。

以上是我對jquery遍曆函數的見解。

HTML操作DOM的方法：

Jquery最重要的部分就是操作DOM的能力，jquery提供了一系列與DOM相關的方法，這使訪問和操作屬性的元素和屬性就會變得很容易，怎麼操作DOM對象：document Object Model（文件物件模型）DOM定義訪問HTML和XML文檔的標準：“W3C文件物件模型獨立於平台和語言的介面，允許程式員和指令碼動態訪問和更新文檔內容、結構以及樣式。”。DOM獲得-tex（）、html（）以及val（）三個簡單實用的用於 DOM 操作的 jQuery 方法：text() - 設定或返回所選元素的常值內容html() - 設定或返回所選元素的內容（包括 HTML 標籤）val() - 設定或返回表單欄位的值擷取屬性 - attr()

jQuery attr() 方法用於擷取屬性值。

設定所有 p 元素的內容：

$(".btn1").click(function(){

  $("p").html("Hello <b>world</b>!");

});

當使用該方法返回一個值時，它會返回第一個匹配元素的內容。

$(selector).html()

當使用該方法設定一個值時，它會覆蓋所有匹配元素的內容。

$(selector).html(content)

使用函數來設定所有匹配元素的內容。

$(selector).html(function(index,oldcontent))

以上就是我對jquery屬性，遍曆，HTML操作的理解與見解，希望可以對大家有所協助。

 

 

 

jquery屬性，遍曆，HTML操作