本文給大家匯總介紹了幾個jQuery中不常用的方法,記錄一下,分享給大家,有需要的小伙伴可以參考下。
1.jquery有一個篩選api find。
語法很簡單,比如:
HTML 代碼:
- <p><span>Hello</span>, how are you?</p>
jQuery 代碼:
- $("p").find("span")
結果:
- [ <span>Hello</span> ]
但是我一開始很疑惑,這個不是和$('p span')api完全一致,為什么要用這個find?
知道今天我遇到了一個應用場景。
場景是這樣的,有個div.skill,我需要鼠標經過它上面時,給它的子選擇器div.'skill-text',添加一個新class,
有同學會問為什么你不用事件委托:
- $('.skill').on('mouseover',‘.skill-text',function(e){
- $(this).addClass('skill-active');
- });
因為我后面還有針對'.skill'的處理代碼,而且同類的.skill還有很多,我不能通過$('.skill')直接操作,必須用到this或者e.target;
- $('.skill').on('mouseover',function(e){
- $(this).find('.skill-text').addClass('skill-active');
- //.......其余代碼
- });
在這種情形下相當管用。因為你無法用css選擇器直接找到對象了。
除此以外我還真沒想到其他好方法,那原生的js沒有find 可怎么寫啊。。。。【存疑】
以上所述就是本文的全部內容了,希望大家能夠喜歡。
新聞熱點
疑難解答
圖片精選