jquery遍歷節點 children(),next(),prev(),siblings()closest() 等一些常用方法...


 

函數 描述
.add() 將元素添加到匹配元素的集合中。
.andSelf() 把堆棧中之前的元素集添加到當前集合中。
.children() 返回被選元素旗下的所有直接子元素
.closest() 從元素本身開始,逐級向上級元素匹配,並返回最先匹配的祖先元素(若有,則只返回一個元素節點。若無,則返回一個空jquery 對象)。(最近的;)
.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() 將匹配元素集合縮減為指定范圍的子集。

 

 

 




$(“document”).click(function( e ){ //獲取點擊元素 的 上級li ,將 li的顏色設置為紅色 $( e. target).closest("li").css("color","red"); });

https://blog.csdn.net/a_as31243qadfg/article/details/51859594

☆     prepend() 方法在被選元素的開頭(仍位於內部)插入指定內容。
    提示:prepend() 和 prependTo() 方法作用相同。差異在於語法:內容和選擇器的位置,以及 prependTo() 無法使用函數來插入內容。
    $(document).ready(function(){
      $(".btn1").click(function(){
        $("p").prepend("<b>Hello world!</b>");//在每個 p 元素的開頭插入內容
        $("<b>Hello World!</b>").prependTo("p");
      });
    });

 

$(this).parent().siblings(): 獲取 與父 同級的控件 的 集合
$(this).parents(): 獲取parent1 parent2 parent3...... 祖先的集合

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM