国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

jquery不常用方法匯總

2024-05-06 16:23:45
字體:
來源:轉載
供稿:網友

本文給大家匯總介紹了幾個jQuery中不常用的方法,記錄一下,分享給大家,有需要的小伙伴可以參考下。

1.jquery有一個篩選api find。

語法很簡單,比如:

HTML 代碼:

 

 
  1. <p><span>Hello</span>, how are you?</p> 

jQuery 代碼:

 

 
  1. $("p").find("span"

結果:

 

 
  1. [ <span>Hello</span> ] 

但是我一開始很疑惑,這個不是和$('p span')api完全一致,為什么要用這個find?

知道今天我遇到了一個應用場景。

場景是這樣的,有個div.skill,我需要鼠標經過它上面時,給它的子選擇器div.'skill-text',添加一個新class,

有同學會問為什么你不用事件委托:
 

  1. $('.skill').on('mouseover',‘.skill-text',function(e){ 
  2. $(this).addClass('skill-active'); 
  3. }); 

因為我后面還有針對'.skill'的處理代碼,而且同類的.skill還有很多,我不能通過$('.skill')直接操作,必須用到this或者e.target;

 

 
  1. $('.skill').on('mouseover',function(e){ 
  2.  
  3. $(this).find('.skill-text').addClass('skill-active'); 
  4.  
  5.    //.......其余代碼 
  6.  
  7. }); 

在這種情形下相當管用。因為你無法用css選擇器直接找到對象了。

除此以外我還真沒想到其他好方法,那原生的js沒有find 可怎么寫啊。。。。【存疑】

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

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 清原| 开原市| 江门市| 启东市| 荥阳市| 宜阳县| 调兵山市| 额敏县| 东辽县| 疏附县| 安泽县| 阜新市| 夏河县| 鄂州市| 星子县| 宁乡县| 阜南县| 渝中区| 高平市| 石家庄市| 化德县| 成武县| 苍溪县| 龙州县| 阿图什市| 大荔县| 深州市| 休宁县| 沙洋县| 保山市| 维西| 东乡族自治县| 偏关县| 镇巴县| 海丰县| 漳浦县| 峨山| 凤山市| 清河县| 扶风县| 全州县|