首頁  >  文章  >  web前端  >  jquery不常用方法總結_jquery

jquery不常用方法總結_jquery

WBOY
WBOY原創
2016-05-16 15:49:091064瀏覽

1.jquery有一個篩選api find。

文法很簡單,例如:

HTML 代碼:

<p><span>Hello</span>, how are you&#63;</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 可怎麼寫啊。 。 。 。 【存疑】

以上所述就是本文的全部內容了,希望大家能夠喜歡。

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn