Jquery屬性遍歷、HTML操作。 Jquery擁有可操作HTML元素和屬性的強大方法。 下麵是我整理的一些jquery遍歷函數: .add() 將元素添加到匹配元素的集合中。 .andSelf() 把堆棧中之前的元素集添加到當前集合中。 .children() 獲得匹配元素集合中每個元素的所有子 ...
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操作的理解與見解,希望可以對大家有所幫助。