jquery不常用方法汇总


Posted in Javascript onJuly 26, 2015

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

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

Javascript 相关文章推荐
javascript函数库-集合框架
Apr 27 Javascript
js下通过prototype扩展实现indexOf的代码
Dec 08 Javascript
JQuery 绑定select标签的onchange事件,弹出选择的值,并实现跳转、传参
Jan 06 Javascript
javascript返回顶部效果(自写代码)
Jan 06 Javascript
jquery中使用$(#form).submit()重写提交表单无效原因分析及解决
Mar 25 Javascript
js模拟点击以提交表单为例兼容主流浏览器
Nov 29 Javascript
jquery用ajax方式从后台获取json数据后如何将内容填充到下拉列表
Aug 26 Javascript
基于jQuery实现歌词滚动版音乐播放器的代码
Sep 17 Javascript
微信小程序授权获取用户详细信息openid的实例详解
Sep 20 Javascript
详解vue中的computed的this指向问题
Dec 05 Javascript
fetch 如何实现请求数据
Dec 20 Javascript
在vue项目中使用sass语法问题
Jul 18 Javascript
浅谈JavaScript中指针和地址
Jul 26 #Javascript
javascript的变量、传值、传址、参数之间关系
Jul 26 #Javascript
javascript实现动态导入js与css等静态资源文件的方法
Jul 25 #Javascript
javascript创建动态表单的方法
Jul 25 #Javascript
javascript文件加载管理简单实现方法
Jul 25 #Javascript
javascript页面倒计时实例
Jul 25 #Javascript
javascript解析xml实现省市县三级联动的方法
Jul 25 #Javascript
You might like
网站当前的在线人数
2006/10/09 PHP
php 特殊字符处理函数
2008/09/05 PHP
PHP开发中的错误收集,不定期更新。
2011/02/03 PHP
php实现专业获取网站SEO信息类实例
2015/04/02 PHP
基于PHPexecl类生成复杂的报表表头示例
2016/10/14 PHP
php使用include 和require引入文件的区别
2017/02/16 PHP
基于PHP实现短信验证码发送次数限制
2020/07/11 PHP
jQuery 树形结构的选择器
2010/02/15 Javascript
那些年,我还在学习jquery 学习笔记
2012/03/05 Javascript
javascript抖动元素的小例子
2013/10/28 Javascript
vuejs手把手教你写一个完整的购物车实例代码
2017/07/06 Javascript
jQuery Position方法使用和兼容性
2017/08/23 jQuery
vue拦截器实现统一token,并兼容IE9验证功能
2018/04/26 Javascript
微信小程序用户位置权限的获取方法(拒绝后提醒)
2018/11/15 Javascript
基于ts的动态接口数据配置的详解
2019/12/18 Javascript
纯JS实现五子棋游戏
2020/05/28 Javascript
jQuery冲突问题解决方法
2021/01/19 jQuery
[02:58]献给西雅图的情书_高清
2014/05/29 DOTA
在Python中处理XML的教程
2015/04/29 Python
python中threading超线程用法实例分析
2015/05/16 Python
解决Python 遍历字典时删除元素报异常的问题
2016/09/11 Python
python 读写、创建 文件的方法(必看)
2016/09/12 Python
简单实现python画圆功能
2018/01/25 Python
python简单实现AES加密和解密
2019/03/28 Python
Python之——生成动态路由轨迹图的实例
2019/11/22 Python
python简单的三元一次方程求解实例
2020/04/02 Python
Python关键字及可变参数*args,**kw原理解析
2020/04/04 Python
python如何操作mysql
2020/08/17 Python
CSS3的常见transformation图形变化用法小结
2016/05/13 HTML / CSS
css3动画效果小结(推荐)
2016/07/25 HTML / CSS
百联网上商城:i百联
2017/01/28 全球购物
Eyeko美国:屡获殊荣的睫毛膏、眼线笔和眉妆
2018/07/05 全球购物
护士自荐信
2013/10/25 职场文书
2015年清剿火患专项行动工作总结
2015/07/27 职场文书
Java中使用Filter过滤器的方法
2021/06/28 Java/Android
Python编写冷笑话生成器
2022/04/20 Python