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():只是子級選擇器，它只能選擇下一層級的元素。
當(dāng)然，以上僅僅是劇中人的一點拙見，如有錯誤或不完善的地方，請給于指正，謝謝！
相關(guān)文章
本文主要介紹了Jquery獲取radio選中值的相關(guān)知識，具有很好的參考價值。下面跟著小編一起來看下吧2017-05-05
jQuery 實現(xiàn)ajax傳入?yún)?shù)含有特殊字符的方法總結(jié)
在做ajax登錄時候遇到的一個問題，當(dāng)傳入?yún)?shù)含有特殊字符，比如：“$'#@”等。參數(shù)傳遞會有問題，無法正確獲取。本文章向碼農(nóng)介紹jQuery ajax特殊字符參數(shù)解決方法，需要的朋友可以參考一下。2016-10-10
剛開始學(xué)jQuery，于是想試試學(xué)習(xí)效果，所以就做了個這個TextBox自動完成條，練習(xí)練習(xí)。請牛人們別笑話。2009-07-07
最近接到一個古早的項目變更,設(shè)計的音樂播放的功能是自定義的樣式,對于jquery的項目第一反應(yīng)是先找插件,然而找了半天沒找到,最后只能自己實現(xiàn),文中有詳細的代碼示例供大家參考,需要的朋友可以參考下2023-12-12
jQGrid動態(tài)填充select下拉框的選項值(動態(tài)填充)
這篇文章主要介紹了jQGrid動態(tài)填充select下拉框的選項值(動態(tài)填充)的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-11-11
利用jQuery操作對象數(shù)組的實現(xiàn)代碼
利用jQuery操作對象數(shù)組的實現(xiàn)代碼，需要的朋友可以參考下。2011-04-04
在ASP.net中母版頁加載js文件，頁面中調(diào)用時出錯、tablesorter加載失敗等等,需要的朋友可以參考下2014-02-02
jQuery實現(xiàn)淡入淡出二級下拉導(dǎo)航菜單的方法
這篇文章主要介紹了jQuery實現(xiàn)淡入淡出二級下拉導(dǎo)航菜單的方法,涉及jquery簡單操作頁面元素展開與隱藏的實現(xiàn)技巧,非常具有實用價值,需要的朋友可以參考下2015-08-08
JQuery each()函數(shù)如何優(yōu)化循環(huán)DOM結(jié)構(gòu)的性能
each()方法能使DOM循環(huán)結(jié)構(gòu)簡潔，不容易出錯。each()函數(shù)封裝了十分強大的遍歷功能，使用也很方便，它可以遍歷一維數(shù)組、多維數(shù)組、DOM, JSON 等等在javaScript開發(fā)過程中使用$each可以大大的減輕我們的工作量2012-12-12
jQuery實現(xiàn)帶3D切割效果的輪播圖功能示例【附源碼下載】
這篇文章主要介紹了jQuery實現(xiàn)帶3D切割效果的輪播圖功能,結(jié)合實例形式分析了jQuery輪播圖相關(guān)的界面布局、3D效果實現(xiàn)與事件響應(yīng)等相關(guān)操作技巧,并附帶源碼供讀者下載參考,需要的朋友可以參考下2019-04-04