手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jquery不常用方法汇总
jquery不常用方法汇总
摘要:1.jquery有一个筛选apifind。语法很简单,比如:HTML代码:Hello,howareyou?jQuery代码:$("p...

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

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

【jquery不常用方法汇总】相关文章:

JQuery中DOM事件绑定用法详解

javascript常用的方法分享

jquery简单实现外部链接用新窗口打开的方法

jQuery判断一个元素是否可见的方法

JQuery控制Radio选中方法分析

jQuery替换textarea中换行的方法

jquery实现图片左右切换的方法

JQuery中上下文选择器实现方法

Jquery解析json字符串及json数组的方法

Jquery实现动态切换图片的方法

精品推荐
分类导航