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 相关文章推荐
让焦点自动跳转
Jul 01 Javascript
发现的以前不知道的函数
Sep 19 Javascript
提升你网站水平的jQuery插件集合推荐
Apr 19 Javascript
jqPlot 基于jquery的画图插件
Apr 26 Javascript
String.prototype实现的一些javascript函数介绍
Nov 22 Javascript
jQuery原理系列-css选择器的简单实现
Jun 07 Javascript
jQuery EasyUI Tab 选项卡问题小结
Aug 16 Javascript
jQuery给指定的table动态添加删除行的操作方法
Oct 12 Javascript
angularjs使用div模拟textarea文本框的方法
Oct 02 Javascript
Vue路由管理器Vue-router的使用方法详解
Feb 05 Javascript
javascript实现移动端触屏拖拽功能
Jul 29 Javascript
vue3使用vuedraggable实现拖拽功能
Apr 06 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
最省空间的计数器
2006/10/09 PHP
解析Ubuntu下crontab命令的用法
2013/06/24 PHP
PHP中使用xmlreader读取xml数据示例
2014/12/29 PHP
php限制ip地址范围的方法
2015/03/31 PHP
php session实现多级目录存放实现代码
2016/02/03 PHP
Centos7安装swoole扩展操作示例
2020/03/26 PHP
yii 框架实现按天,月,年,自定义时间段统计数据的方法分析
2020/04/04 PHP
javascript 面向对象继承
2009/11/26 Javascript
JavaScript 学习笔记(六)
2009/12/31 Javascript
jquery特效 幻灯片效果示例代码
2013/07/16 Javascript
JQGrid的用法解析(列编辑,添加行,删除行)
2013/11/08 Javascript
浅谈js中的闭包
2015/03/16 Javascript
AngularJs实现ng1.3+表单验证
2015/12/10 Javascript
BootStrap 智能表单实战系列(五) 表单依赖插件处理
2016/06/13 Javascript
使用JavaScript实现在页面中显示距离2017年中秋节的天数
2017/09/26 Javascript
JS实现的数组去除重复数据算法小结
2017/11/17 Javascript
React Native 图片查看组件的方法
2018/03/01 Javascript
npm的lock机制解析
2019/06/20 Javascript
微信公众号H5之微信分享常见错误和问题(小结)
2019/11/14 Javascript
[59:30]VG vs LGD 2019国际邀请赛淘汰赛 胜者组 BO3 第二场 8.22
2019/09/05 DOTA
python中常用的各种数据库操作模块和连接实例
2014/05/29 Python
Python脚本实现DNSPod DNS动态解析域名
2015/02/14 Python
unittest+coverage单元测试代码覆盖操作实例详解
2018/04/04 Python
Django保护敏感信息的方法示例
2019/05/09 Python
python logging.basicConfig不生效的原因及解决
2020/02/20 Python
基于Python的图像阈值化分割(迭代法)
2020/11/20 Python
Stuarts London美国/加拿大:世界领先的独立男装零售商之一
2019/03/18 全球购物
网络工程师面试(三木通信技术有限公司)
2013/06/05 面试题
岗位竞聘演讲稿范文
2014/04/24 职场文书
环保倡议书500字
2014/05/15 职场文书
会计学专业求职信
2014/07/17 职场文书
英语课外活动总结
2014/08/27 职场文书
2014年大班保育员工作总结
2014/12/02 职场文书
公司开会通知
2015/04/20 职场文书
通讯稿格式及范文
2015/07/22 职场文书
继承Win10缺点!教你关闭Win11烦人的网络搜索
2021/11/23 数码科技