jquery中獲取元素里某一特定子元素的代碼
之前做的一些JQUERY應(yīng)用都是些很基礎(chǔ)的編程,對于選擇器要求不高,像類似于“$('.class')”、“$('#id')”、“$('#id>.class')”、“$(this)”、“$(this).parent()”、“$(this).children()”這些簡單的語句都能解決的。
問題的出現(xiàn)是我要選擇一個ul里某個的li中的一個span,因為要利于編程,li是用 $('ul>li').eq(i) 來做的選擇,雖然問題還是能用之前的方法解決,但總感覺代碼有點臃腫,而且效率也很低下。既然JQUERY被譽為目前所有JS框架中最高效的代碼,不可能連這個問題都要用一大坨代碼來解決吧!
回頭再翻翻JQUERY的API,才發(fā)現(xiàn)有一個非常適合這個場合使用的語句我一直沒有注意過。那就是:$(選擇器一).find(選擇器二)。之前雖然讀過find這段介紹,但一直因為用不到而被忽視。
這里說說find()的使用方法
API提供的的解釋:搜索所有與指定表達式匹配的元素。這個函數(shù)是找出正在處理的元素的后代元素的好方法。
使用方法:$(選擇器一).find(選擇器二);
以小劇客棧首頁的焦點圖,查找類為“.focusphoto”的DL下DD中的span并將其作淡出處理為例:
$('.focusphoto>dl>dd).eq(i).find(”span”).fadeOut('slow');
談?wù)勑ind()的理解
我這個應(yīng)用實際上完全可以用children()來代替,但這并不是說find()和children()的用法是一樣的,如果是這樣的話find()的存在便沒有了意義。在查詢深度為一級的時候,這兩者有相同之處,但區(qū)別就在于:find()是子查詢選擇器,它可以深入到子級的下層進行查詢選擇;而children():只是子級選擇器,它只能選擇下一層級的元素。
當然,以上僅僅是劇中人的一點拙見,如有錯誤或不完善的地方,請給于指正,謝謝!
相關(guān)文章
自己動手制作jquery插件之自動添加刪除行的實現(xiàn)
我們常常會遇到這樣的情況,一個系統(tǒng)中有大量的需要對一個行進行復制添加,希望能夠進行批量的操作,這個時候,我們就可以考慮把它做成一個jquery插件了.2011-10-10JQuery form表單提交前驗證單選框是否選中、刪除記錄時驗證經(jīng)驗總結(jié)(整理)
這篇文章主要介紹了JQuery form表單提交前驗證單選框是否選中、刪除記錄時驗證經(jīng)驗總結(jié),非常不錯,具有參考借鑒價值,需要的朋友參考下吧2017-06-06基于jquery實現(xiàn)的一個選擇中國大學的彈框 (數(shù)據(jù)、步驟、代碼)
基于jquery實現(xiàn)的一個選擇中國大學的彈框,需要的朋友可以參考下2012-07-07jquery瀏覽器滾動加載技術(shù)實現(xiàn)方案
Google閱讀器上有一個AJAX效果很不錯,就是閱讀項目時不需要翻頁,瀏覽器滾動條往下拉到一定位置時自動加載新的一批項目進來,一直到所有項目加載完為止。對于我來說再好不過了,因為我很不喜歡翻頁,尤其是輸入頁碼再定位到頁。2014-06-06jQuery不間斷滾動效果(模擬百度新聞支持文字/圖片/垂直滾動)
jQuery模擬百度新聞不間斷滾動效果并且支持文字、圖片水平垂直滾動等等,感興趣的朋友可以了解下,或許本文所提供的案例對你學習jquery特效有所幫助,好了話不多說,切入正題2013-02-02快速移動鼠標觸發(fā)問題及解決方法(ECharts外部調(diào)用保存為圖片操作及工作流接線mouseenter和mouseleav
這篇文章主要介紹了快速移動鼠標所觸發(fā)的問題及解決方法(ECharts外部調(diào)用保存為圖片操作及工作流接線mouseenter和mouseleave),非常不錯,具有參考借鑒價值,需要的朋友可以參考下2016-08-08