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获取父节点方法
Aug 20 Javascript
JavaScript的单例模式 (singleton in Javascript)
Jun 11 Javascript
javascript读写XML实现广告轮换(兼容IE、FF)
Aug 09 Javascript
javascript特殊用法示例介绍
Nov 29 Javascript
node.js 开发指南 ? Node.js 连接 MySQL 并进行数据库操作
Jul 29 Javascript
深入理解javascript构造函数和原型对象
Sep 23 Javascript
JavaScript实现信用卡校验方法
Apr 07 Javascript
JavaScript实现图片拖曳效果
Sep 08 Javascript
解决Vue中mounted钩子函数获取节点高度出错问题
May 18 Javascript
Vue 指令实现按钮级别权限管理功能
Apr 23 Javascript
小程序跨页面交互的作用与方法详解
Jan 07 Javascript
用webAPI实现图片放大镜效果
Nov 23 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执行速度全攻略(上)
2006/10/09 PHP
PHP6 mysql连接方式说明
2009/02/09 PHP
Memcache 在PHP中的使用技巧
2010/02/08 PHP
在WINDOWS中设置计划任务执行PHP文件的方法
2011/12/19 PHP
php使HTML标签自动补全闭合函数代码
2012/10/04 PHP
PHP 双链表(SplDoublyLinkedList)简介和使用实例
2015/05/12 PHP
利用PHP判断文件是否为图片的方法总结
2017/01/06 PHP
Yii2 批量插入、更新数据实例
2017/03/15 PHP
PHP7修改的函数
2021/03/09 PHP
Node.js和MongoDB实现简单日志分析系统
2015/04/25 Javascript
DOM中事件处理概览与原理的全面解析
2016/08/16 Javascript
ionic实现带字的toggle滑动组件
2016/08/27 Javascript
前端 Vue.js 和 MVVM 详细介绍
2016/12/29 Javascript
es6中的解构赋值、扩展运算符和rest参数使用详解
2017/09/28 Javascript
Vue组件化开发思考
2018/02/02 Javascript
js中的 || 与 &amp;&amp; 运算符详解
2018/05/24 Javascript
Vue CLI3.0中使用jQuery和Bootstrap的方法
2019/02/28 jQuery
javascript简单实现深浅拷贝过程详解
2019/10/08 Javascript
Vue修改项目启动端口号方法
2019/11/07 Javascript
跟老齐学Python之使用Python操作数据库(1)
2014/11/25 Python
详解Python中列表和元祖的使用方法
2015/04/25 Python
Python 基础教程之str和repr的详解
2017/08/20 Python
Python基于聚类算法实现密度聚类(DBSCAN)计算【测试可用】
2018/12/26 Python
python3 map函数和filter函数详解
2019/08/26 Python
使用Tensorflow将自己的数据分割成batch训练实例
2020/01/20 Python
python爬虫爬取淘宝商品比价(附淘宝反爬虫机制解决小办法)
2020/12/03 Python
结合 CSS3 transition transform 实现简单的跑马灯效果的示例
2018/02/07 HTML / CSS
canvas粒子动画背景的实现示例
2018/09/03 HTML / CSS
澳大利亚音乐商店:Bava’s Music City
2019/05/05 全球购物
如何反序的迭代一个序列?how do I iterate over a sequence in reverse order
2012/02/04 面试题
《陈涉世家》教学反思
2014/04/12 职场文书
班级年度安全计划书
2014/05/01 职场文书
教师党员自我剖析材料
2014/09/29 职场文书
2015年全国保险公众宣传日活动方案
2015/05/06 职场文书
歼十出击观后感
2015/06/11 职场文书
vue.js Router中嵌套路由的实用示例
2021/06/27 Vue.js