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 相关文章推荐
jQuery建立一个按字母顺序排列的友好页面索引(兼容IE6/7/8)
Feb 26 Javascript
jQuery获取(选中)单选,复选框,下拉框中的值
Feb 21 Javascript
让JavaScript和其它资源并发下载的方法
Oct 16 Javascript
js实现点击左右按钮轮播图片效果实例
Jan 29 Javascript
jquery.cookie实现的客户端购物车操作实例
Dec 24 Javascript
node.js从数据库获取数据
May 08 Javascript
Angularjs上传文件组件flowjs功能
Aug 07 Javascript
详解ionic本地相册、拍照、裁剪、上传(单图完全版)
Oct 10 Javascript
React根据宽度自适应高度的示例代码
Oct 11 Javascript
仿京东快报向上滚动的实例
Dec 13 Javascript
使用Vue开发一个实时性时间转换指令
Jan 17 Javascript
如何用JavaScipt测网速
May 09 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
Protoss建筑一览
2020/03/14 星际争霸
php 图片加水印与上传图片加水印php类
2010/05/12 PHP
PHP开发工具ZendStudio下Xdebug工具使用说明详解
2013/11/11 PHP
php实现将wav文件转换成图像文件并在页面中显示的方法
2015/04/21 PHP
php实现生成验证码实例分享
2016/04/10 PHP
Javascript技巧之不要用for in语句对数组进行遍历
2010/10/20 Javascript
在javascript中对于DOM的加强
2013/04/11 Javascript
Bootstrap3制作搜索框样式的方法
2016/07/11 Javascript
详解vue表单验证组件 v-verify-plugin
2017/04/19 Javascript
React中的refs的使用教程
2018/02/13 Javascript
Vue中父子组件通讯之todolist组件功能开发
2018/05/21 Javascript
weui中的picker使用js进行动态绑定数据问题
2019/11/06 Javascript
openLayer4实现动态改变标注图标
2020/08/17 Javascript
[01:14:34]DOTA2上海特级锦标赛C组资格赛#2 LGD VS Newbee第一局
2016/02/28 DOTA
python下载文件时显示下载进度的方法
2015/04/02 Python
python实现将html表格转换成CSV文件的方法
2015/06/28 Python
Python编程中的文件操作攻略
2015/10/16 Python
微信跳一跳python辅助软件思路及图像识别源码解析
2018/01/04 Python
python中使用print输出中文的方法
2018/07/16 Python
python进行TCP端口扫描的实现
2018/12/21 Python
Python shelve模块实现解析
2019/08/28 Python
Python爬虫爬取煎蛋网图片代码实例
2019/12/16 Python
解决使用python print打印函数返回值多一个None的问题
2020/04/09 Python
PySide2出现“ImportError: DLL load failed: 找不到指定的模块”的问题及解决方法
2020/06/10 Python
常用的10个Python实用小技巧
2020/08/10 Python
Html5 滚动穿透的方法
2019/05/13 HTML / CSS
html2canvas生成清晰的图片实现打印的示例代码
2019/09/30 HTML / CSS
Nº21官方在线商店:numeroventuno.com
2019/09/26 全球购物
医大实习自我鉴定
2013/12/07 职场文书
铣工实训报告
2014/11/05 职场文书
2014年创卫工作总结
2014/11/24 职场文书
人事任命通知
2015/04/20 职场文书
小学总务工作总结
2015/08/13 职场文书
解除合同协议书范本
2016/03/21 职场文书
2019假期福利管理制度!
2019/07/15 职场文书
python 自动化偷懒的四个实用操作
2021/04/11 Python