jquery不常用方法匯總
1.jquery有一個(gè)篩選api find。
語法很簡(jiǎn)單,比如:
HTML 代碼:
<p><span>Hello</span>, how are you?</p>
jQuery 代碼:
$("p").find("span")
結(jié)果:
[ <span>Hello</span> ]
但是我一開始很疑惑,這個(gè)不是和$('p span')api完全一致,為什么要用這個(gè)find?
知道今天我遇到了一個(gè)應(yīng)用場(chǎng)景。
場(chǎng)景是這樣的,有個(gè)div.skill,我需要鼠標(biāo)經(jīng)過它上面時(shí),給它的子選擇器div.'skill-text',添加一個(gè)新class,
有同學(xué)會(huì)問為什么你不用事件委托:
$('.skill').on('mouseover',‘.skill-text',function(e){ $(this).addClass('skill-active'); });
因?yàn)槲液竺孢€有針對(duì)'.skill'的處理代碼,而且同類的.skill還有很多,我不能通過$('.skill')直接操作,必須用到this或者e.target;
$('.skill').on('mouseover',function(e){ $(this).find('.skill-text').addClass('skill-active'); //.......其余代碼 });
在這種情形下相當(dāng)管用。因?yàn)槟銦o法用css選擇器直接找到對(duì)象了。
除此以外我還真沒想到其他好方法,那原生的js沒有find 可怎么寫啊。。。?!敬嬉伞?/p>
以上所述就是本文的全部?jī)?nèi)容了,希望大家能夠喜歡。
相關(guān)文章
easyUI combobox實(shí)現(xiàn)聯(lián)動(dòng)效果
這篇文章主要為大家詳細(xì)介紹了easyUI combobox實(shí)現(xiàn)聯(lián)動(dòng)效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-01-01jQuery的實(shí)現(xiàn)原理的模擬代碼 -1 核心部分
最近又看了一下 jQuery 1.4.2, 為了便于理解,將 jQuery 的核心使用比較簡(jiǎn)單的代碼模擬一下。方便學(xué)習(xí)。2010-08-08ashx文件獲取$.ajax()方法發(fā)送的數(shù)據(jù)
這篇文章主要介紹了ashx文件獲取$.ajax()方法發(fā)送的數(shù)據(jù)的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-05-05jQuery簡(jiǎn)單實(shí)現(xiàn)頁面元素置頂時(shí)懸浮效果示例
這篇文章主要介紹了jQuery簡(jiǎn)單實(shí)現(xiàn)頁面元素置頂時(shí)懸浮效果的方法,涉及jQuery針對(duì)頁面元素樣式的動(dòng)態(tài)操作技巧,需要的朋友可以參考下2016-08-08Jquery EasyUI實(shí)現(xiàn)treegrid上顯示checkbox并取選定值的方法
這篇文章主要介紹了Jquery EasyUI實(shí)現(xiàn)treegrid上顯示checkbox并取選定值的方法的相關(guān)資料,需要的朋友可以參考下2016-04-04jQuery獲取節(jié)點(diǎn)和子節(jié)點(diǎn)文本的方法
本節(jié)主要介紹了jQuery如何獲取節(jié)點(diǎn)和子節(jié)點(diǎn)文本,下面有個(gè)示例,大家可以參考下2014-07-07