首页 > 语言 > 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 可怎么写啊。。。。【存疑】

以上所述就是本文的全部内容了,希望大家能够喜欢。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

图片精选