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下给元素添加事件的方法与代码
Aug 13 Javascript
javascript 全角转换实现代码
Jul 17 Javascript
DWZ table的原生分页浅谈
Mar 01 Javascript
JS下拉框内容左右移动效果的具体实现
Jul 10 Javascript
javascript比较两个日期相差天数的方法
Jul 23 Javascript
全面解析JS字符串和正则表达式中的match、replace、exec等函数
Jul 01 Javascript
JS简单实现tab切换效果的多窗口显示功能
Sep 07 Javascript
jQuery事件_动力节点Java学院整理
Jul 05 jQuery
浅谈Vue响应式(数组变异方法)
May 07 Javascript
JavaScript使用面向对象实现的拖拽功能详解
Jun 12 Javascript
Vue.js组件使用props传递数据的方法
Oct 19 Javascript
JS实现数组去重的11种方法总结
Apr 04 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
PHP学习笔记之三 数据库基本操作
2011/01/17 PHP
关于crontab的使用详解
2013/06/24 PHP
php缩小png图片不损失透明色的解决方法
2013/12/25 PHP
简单谈谈php中ob_flush和flush的区别
2014/11/27 PHP
PHP提高编程效率的20个要点
2015/09/23 PHP
js数字输入框(包括最大值最小值限制和四舍五入)
2009/11/24 Javascript
jqgrid 编辑添加功能详细解析
2013/11/08 Javascript
JS获得QQ号码的昵称,头像,生日的简单实例
2013/12/04 Javascript
jquery实现带二级菜单的导航示例
2014/04/28 Javascript
JavaScript极简入门教程(二):对象和函数
2014/10/25 Javascript
js实现一个简单的数字时钟效果
2017/03/29 Javascript
js学习总结_基于数据类型检测的四种方式(必看)
2017/07/04 Javascript
基于jQuery实现Ajax验证用户名是否可用实例
2018/03/25 jQuery
Vue-router 切换组件页面时进入进出动画方法
2018/09/01 Javascript
详解jQuery中的getAll()和cleanData()
2019/04/15 jQuery
jQuery中使用validate插件校验表单功能
2019/05/24 jQuery
如何使用proxy实现一个简单完整的MVVM库的示例代码
2019/09/17 Javascript
JS中自定义事件的使用与触发操作实例分析
2019/11/01 Javascript
jQuery使用jsonp实现百度搜索的示例代码
2020/07/08 jQuery
Javascript中window.name属性详解
2020/11/19 Javascript
[47:20]DAC2018 4.4 淘汰赛 Optic vs Mineski 第一场
2018/04/05 DOTA
Python爬虫天气预报实例详解(小白入门)
2018/01/24 Python
Python装饰器(decorator)定义与用法详解
2018/02/09 Python
Python 查找list中的某个元素的所有的下标方法
2018/06/27 Python
python多进程控制学习小结
2018/10/31 Python
Python使用LDAP做用户认证的方法
2019/06/20 Python
python实现三种随机请求头方式
2021/01/05 Python
python 实现图片裁剪小工具
2021/02/02 Python
美国工业用品采购网站:Zoro.com
2020/10/27 全球购物
汉米尔顿手表官网:Hamilton
2020/09/13 全球购物
Java面试题:Java类的Main方法如果是Private将会怎么样
2016/08/18 面试题
青年创业培训欢迎词
2014/01/08 职场文书
医生个人年终总结
2015/02/28 职场文书
2016年教代会开幕词
2016/03/04 职场文书
JS一分钟在github+Jekyll的博客中添加访问量功能的实现
2021/04/03 Javascript
python之django路由和视图案例教程
2021/07/26 Python