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中令你抓狂的魔术变量
Nov 30 Javascript
jquery ui dialog里调用datepicker的问题
Aug 06 Javascript
javascript instanceof,typeof的区别
Mar 24 Javascript
JS鼠标滑过图片时切换图片实现思路
Sep 12 Javascript
纯javascript模仿微信打飞机小游戏
Aug 20 Javascript
jquery 点击元素后,滚动条滚动至该元素位置的方法
Aug 05 Javascript
详解Vue2.0之去掉组件click事件的native修饰
Apr 20 Javascript
HTML5开发Kinect体感游戏的实例应用
Sep 18 Javascript
vue router仿天猫底部导航栏功能
Oct 18 Javascript
js 索引下标之li集合绑定点击事件
Jan 12 Javascript
Vue加载json文件的方法简单示例
Jan 28 Javascript
vue3 自定义图片放大器效果的示例代码
Jul 23 Vue.js
浅谈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 mssql 日期出现中文字符的解决方法
2009/03/10 PHP
php的declare控制符和ticks教程(附示例)
2014/03/21 PHP
php实现JWT验证的实例教程
2020/11/26 PHP
jquery文字上下滚动的实现方法
2013/03/22 Javascript
JavaScript的事件绑定(方便不支持js的时候)
2013/10/01 Javascript
jQuery.event兼容各浏览器的event详细解析
2013/12/18 Javascript
JavaScript弹出窗口方法汇总
2014/08/12 Javascript
javascript实现Table间隔色以及选择高亮(和动态切换数据)的方法
2015/05/14 Javascript
js实现图片放大和拖拽特效代码分享
2015/09/05 Javascript
JavaScript操作class和style样式代码详解
2016/02/13 Javascript
Bootstrap导航条可点击和鼠标悬停显示下拉菜单的实现代码
2016/06/23 Javascript
jQuery制作图片旋转效果
2017/02/02 Javascript
JS简单实现查看文档创建日期、修改日期和文档大小的方法示例
2018/04/08 Javascript
Vue表单demo v-model双向绑定问题
2018/06/29 Javascript
Vue弹出菜单功能的实现代码
2018/09/12 Javascript
如何优雅的在一台vps(云主机)上面部署vue+mongodb+express项目
2019/01/20 Javascript
Vue编程式跳转的实例代码详解
2019/07/10 Javascript
Python 处理数据的实例详解
2017/08/10 Python
Python3.6使用tesseract-ocr的正确方法
2018/10/17 Python
基于sklearn实现Bagging算法(python)
2019/07/11 Python
解决django-xadmin列表页filter关联对象搜索问题
2019/11/15 Python
Python获取浏览器窗口句柄过程解析
2020/07/25 Python
HTML5实时语音通话聊天MP3压缩传输3KB每秒
2019/08/28 HTML / CSS
前端实现打印图像功能
2019/08/27 HTML / CSS
JD Sports瑞典:英国领先的运动时尚商店
2018/01/28 全球购物
蔻驰法国官网:COACH法国
2018/11/14 全球购物
POP文化和音乐灵感的时尚:Hot Topic
2019/06/19 全球购物
Cult Gaia官网:美国生活方式品牌
2019/08/16 全球购物
在weblogic中发布ejb需涉及到哪些配置文件
2012/01/17 面试题
2014年重阳节老干部座谈会局领导发言稿
2014/09/25 职场文书
预备党员转正思想汇报
2014/09/26 职场文书
拾金不昧表扬稿
2015/01/16 职场文书
2015年质检工作总结
2015/05/04 职场文书
搞笑结婚保证书
2015/05/08 职场文书
工程质量保证书
2015/05/09 职场文书
2016圣诞节贺卡寄语
2015/12/07 职场文书