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 相关文章推荐
js 编写规范
Mar 03 Javascript
Javascript 拖拽的一些简单的应用(逐行分析代码,让你轻松了拖拽的原理)
Jan 23 Javascript
JavaScript判断前缀、后缀是否是空格的方法
Apr 15 Javascript
jQuery居中元素scrollleft计算方法示例
Jan 16 Javascript
Vue指令的钩子函数使用方法
Mar 20 Javascript
angular directive的简单使用总结
May 24 Javascript
用js实现每隔一秒刷新时间的实例(含年月日时分秒)
Oct 25 Javascript
vue编译打包本地查看index文件的方法
Feb 23 Javascript
详解Angular路由之路由守卫
May 10 Javascript
浅谈Webpack打包优化技巧
Jun 12 Javascript
jQuery实现带3D切割效果的轮播图功能示例【附源码下载】
Apr 04 jQuery
vue v-for直接循环数字实例
Nov 07 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的array数组和使用实例简明教程(容易理解)
2014/03/20 PHP
跟我学Laravel之视图 &amp; Response
2014/10/15 PHP
浅析iis7.5安装配置php环境
2015/05/10 PHP
php生成复杂验证码(倾斜,正弦干扰线,黏贴,旋转)
2018/03/12 PHP
php实现推荐功能的简单实例
2019/09/29 PHP
javascript 关于# 和 void的区别分析
2009/10/26 Javascript
JS实现图片翻书效果示例代码
2013/09/09 Javascript
用js设置下拉框为只读的小技巧
2014/04/10 Javascript
JavaScript中实现单体模式分享
2015/01/29 Javascript
瀑布流的实现方式(原生js+jquery+css3)
2020/06/28 Javascript
详解支持Angular 2的表格控件
2017/01/19 Javascript
bootstrap中的 form表单属性role=&quot;form&quot;的作用详解
2017/01/20 Javascript
Bootstrap下拉菜单Dropdowns的实现代码
2017/03/17 Javascript
详解AngularJS ng-class样式切换
2017/06/27 Javascript
jQuery选取所有复选框被选中的值并用Ajax异步提交数据的实例
2017/08/04 jQuery
JS实现的检验身份证格式并输出出生日期,年龄,性别,出生地示例
2019/05/17 Javascript
layui实现下拉框三级联动
2019/07/26 Javascript
简述vue-cli中chainWebpack的使用方法
2019/07/30 Javascript
[49:18]2018DOTA2亚洲邀请赛 3.31 小组赛 A组 OG vs TNC
2018/04/01 DOTA
python通过BF算法实现关键词匹配的方法
2015/03/13 Python
Python 网页解析HTMLParse的实例详解
2017/08/10 Python
Python+Turtle动态绘制一棵树实例分享
2018/01/16 Python
windows下python安装pip图文教程
2018/05/25 Python
解决Python 命令行执行脚本时,提示导入的包找不到的问题
2019/01/19 Python
Django实现单用户登录的方法示例
2019/03/28 Python
pandas 层次化索引的实现方法
2019/07/06 Python
django之静态文件 django 2.0 在网页中显示图片的例子
2019/07/28 Python
简单了解Python3 bytes和str类型的区别和联系
2019/12/19 Python
Python3.7黑帽编程之病毒篇(基础篇)
2020/02/04 Python
python tkinter之 复选、文本、下拉的实现
2020/03/04 Python
Pymysql实现往表中插入数据过程解析
2020/06/02 Python
粉红色的鲸鱼:Vineyard Vines
2018/02/17 全球购物
2014小学语文教师个人工作总结
2014/12/03 职场文书
小学语文的各类谚语(70首)
2019/08/15 职场文书
Python并发编程实例教程之线程的玩法
2021/06/20 Python
唤醒紫霞仙子,携手再游三界!大话手游X《大话西游》电影合作专属剧情任务
2022/04/03 其他游戏