jquery不常用方法汇总

 更新时间:2015年07月26日 09:44:10   投稿:hebedich  
本文给大家汇总介绍了几个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 可怎么写啊。。。。【存疑】

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

相关文章

  • 利用JQuery阻止事件冒泡

    利用JQuery阻止事件冒泡

    冒泡事件就是点击子节点,会向上触发父节点,祖先节点的点击事件。本文主要介绍JQuery阻止事件冒泡的实例解析。需要的朋友来看下吧
    2016-12-12
  • PHP+mysql+Highcharts生成饼状图

    PHP+mysql+Highcharts生成饼状图

    本文将结合实际,使用PHP读取Mysql数据表中的数据,并将获取的数据按照要求输出给前端JS,再通过配置调用Highcharts图表库生成饼状图。
    2015-05-05
  • jQuery模拟点击A标记示例参考

    jQuery模拟点击A标记示例参考

    本文为大家带来的是jQuery模拟点击A标记,个人感觉这个示例还是不错的,需要的朋友可以参考下
    2014-04-04
  • jQuery实现宽屏图片轮播实例教程

    jQuery实现宽屏图片轮播实例教程

    这篇文章为大家分享了一个jQuery实现宽屏图片轮播实例教程,外观看上去非常大气,感兴趣的小伙伴们可以参考一下
    2015-11-11
  • jquery实现滑屏大图定时收缩为小banner图片的广告代码

    jquery实现滑屏大图定时收缩为小banner图片的广告代码

    这篇文章主要介绍了jquery实现滑屏大图定时收缩为小banner图片的广告代码,可实现大幅广告图的渐显效果及定时收缩功能,点击左上角关闭按钮还可隐藏广告图片,非常具有实用价值,需要的朋友可以参考下
    2015-09-09
  • jQuery Dialog 弹出层对话框插件

    jQuery Dialog 弹出层对话框插件

    网上这种插件很多,但是没一个合适的,大部分都做得很大,功能齐全。于是自己做了这个小插件,顺便学习下jQuery插件的写法。
    2010-08-08
  • JQuery实现带排序功能的权限选择实例

    JQuery实现带排序功能的权限选择实例

    这篇文章主要介绍了JQuery带排序功能的权限选择,涉及jQuery鼠标事件及json数据处理的相关技巧,需要的朋友可以参考下
    2015-05-05
  • jQuery旋转插件jqueryrotate用法详解

    jQuery旋转插件jqueryrotate用法详解

    这篇文章主要介绍了jQuery旋转插件jqueryrotate用法,结合实例形式详细分析了jqueryrotate插件的功能、定义及相关参数的使用方法,需要的朋友可以参考下
    2016-10-10
  • 基于jquery的仿百度搜索框效果代码

    基于jquery的仿百度搜索框效果代码

    最近项目中用到类似百度的输入框,于是自己用jquery写了一个。希望和大家共同分享一下。存在许多bug,请各位不吝赐教。
    2011-04-04
  • jQuery实现table表格信息的展开和缩小功能示例

    jQuery实现table表格信息的展开和缩小功能示例

    这篇文章主要介绍了jQuery实现table表格信息的展开和缩小功能,涉及jQuery事件响应及页面元素遍历、属性修改相关操作技巧,需要的朋友可以参考下
    2018-07-07

最新评论