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操作方法詳解就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持武林網。
新聞熱點
疑難解答