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用于查询操作的实现代码
May 10 Javascript
JS判断数组中是否有重复值得三种实用方法
Aug 16 Javascript
Function.prototype.bind用法示例
Sep 16 Javascript
JS画线(实例代码)
Nov 20 Javascript
JavaScript正则表达式中的ignoreCase属性使用详解
Jun 16 Javascript
node.js与C语言 实现遍历文件夹下最大的文件,并输出路径,大小
Jan 20 Javascript
jQuery插件autocomplete使用详解
Feb 04 Javascript
vue+webpack实现异步加载三种用法示例详解
Apr 24 Javascript
Vue中的v-for指令不起效果的解决方法
Sep 27 Javascript
js实现导航跟随效果
Nov 17 Javascript
js实现抽奖的两种方法
Mar 19 Javascript
详解JavaScript 作用域
Jul 14 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/05/22 PHP
PHP实现数组递归转义的方法
2014/08/28 PHP
Yii中使用PHPExcel导出Excel的方法
2014/12/26 PHP
php编写的抽奖程序中奖概率算法
2015/05/14 PHP
PHP合并数组+号和array_merge的区别
2015/06/25 PHP
Yii2框架实现利用mpdf创建pdf文件功能示例
2019/02/08 PHP
让焦点自动跳转
2006/07/01 Javascript
Jquery Select操作方法集合脚本之家特别版
2010/05/17 Javascript
JavaScript如何从listbox里同时删除多个项目
2013/10/12 Javascript
jquery实现textarea输入框限制字数的方法
2015/01/15 Javascript
JavaScript实现将数组数据添加到Select下拉框的方法
2015/08/21 Javascript
Angular实现form自动布局
2016/01/28 Javascript
jQuery插件支持同一页面被多次调用
2016/02/14 Javascript
原生js获取浏览器窗口及元素宽高常用方法集合
2017/01/18 Javascript
thinkphp标签实现bootsrtap轮播carousel实例代码
2017/02/19 Javascript
浅谈箭头函数写法在ReactJs中的使用
2017/08/22 Javascript
vue之组件内监控$store中定义变量的变化详解
2019/11/08 Javascript
vue 弹出遮罩层样式实例
2020/07/22 Javascript
js实现随机点名
2021/01/19 Javascript
[47:03]Ti4第二日主赛事败者组 LGD vs iG 2
2014/07/21 DOTA
在Python中测试访问同一数据的竞争条件的方法
2015/04/23 Python
更改Ubuntu默认python版本的两种方法python-&gt; Anaconda
2016/12/18 Python
Python中shape计算矩阵的方法示例
2017/04/21 Python
Python如何使用字符打印照片
2020/01/03 Python
python获取响应某个字段值的3种实现方法
2020/04/30 Python
在python下实现word2vec词向量训练与加载实例
2020/06/09 Python
html特殊符号示例 html特殊字符编码对照表
2014/01/14 HTML / CSS
加拿大领先的牛仔零售商:Bluenotes
2018/01/22 全球购物
世界上最伟大的马产品:Equiderma
2020/01/07 全球购物
Android笔试题总结
2014/11/29 面试题
医院护理人员的自我评价分享
2013/10/04 职场文书
幼儿教师国培感言
2014/02/19 职场文书
顶碗少年教学反思
2014/02/21 职场文书
社保代办委托书怎么写
2014/10/06 职场文书
大国崛起日本观后感
2015/06/02 职场文书
党性修养心得体会2016
2016/01/21 职场文书