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匿名函数的问题分析
Mar 30 Javascript
js css后面所带参数含义介绍
Aug 18 Javascript
《JavaScript DOM 编程艺术》读书笔记之JavaScript 简史
Jan 09 Javascript
jQuery提示插件alertify使用指南
Apr 21 Javascript
jquery实现触发时更新下拉列表内容的方法
Dec 02 Javascript
谈谈我对JavaScript中typeof和instanceof的深入理解
Dec 25 Javascript
基于jQuery实现表格的查看修改删除
Aug 01 Javascript
深入理解javascript函数参数与闭包
Dec 12 Javascript
jquery实时获取时间的简单实例
Jan 26 Javascript
jquery实现的table排序功能示例
Mar 10 Javascript
React如何利用相对于根目录进行引用组件详解
Oct 09 Javascript
详解ES6 CLASS在微信小程序中的应用实例
Apr 24 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
印尼林东PWN黄金曼特宁咖啡豆:怎么冲世界上最醇厚的咖啡冲煮教程
2021/03/03 冲泡冲煮
PHP分页显示制作详细讲解
2008/11/19 PHP
php学习之简单计算器实现代码
2011/06/09 PHP
thinkPHP框架实现的无限回复评论功能示例
2018/06/09 PHP
JQuery扩展插件Validate—6 radio、checkbox、select的验证
2011/09/05 Javascript
js的toLowerCase方法用法实例
2015/01/27 Javascript
浅谈javascript中call()、apply()、bind()的用法
2015/04/20 Javascript
jQuery validate验证插件使用详解
2016/05/11 Javascript
javascript设计模式之策略模式学习笔记
2017/02/15 Javascript
原生JS+CSS实现炫酷重力模拟弹跳系统的登录页面
2017/11/01 Javascript
Bootstrap Table 双击、单击行获取该行及全表内容
2018/08/31 Javascript
es6中比较有用的7个技巧小结
2019/07/12 Javascript
VUE 自定义组件模板的方法详解
2019/08/30 Javascript
js滚轮事件 js自定义滚动条的实现
2020/01/18 Javascript
Node 使用express-http-proxy 做api网关的实现
2020/10/15 Javascript
[03:01]DOTA2英雄基础教程 露娜
2014/01/07 DOTA
CentOS 6.5下安装Python 3.5.2(与Python2并存)
2017/06/05 Python
python实现求两个字符串的最长公共子串方法
2018/07/20 Python
python 处理string到hex脚本的方法
2018/10/26 Python
Python中flatten( )函数及函数用法详解
2018/11/02 Python
pandas.cut具体使用总结
2019/06/24 Python
python之拟合的实现
2019/07/19 Python
python识别文字(基于tesseract)代码实例
2019/08/24 Python
浅谈keras使用预训练模型vgg16分类,损失和准确度不变
2020/07/02 Python
如何利用python生成MD5并去重
2020/12/07 Python
斯图尔特·韦茨曼鞋加拿大官网:Stuart Weitzman加拿大
2019/10/13 全球购物
巴西葡萄酒商店:Divvino
2020/02/22 全球购物
汽车电子与维修专业大学生求职信
2013/09/28 职场文书
毕业生应聘幼儿园的自荐信
2013/11/20 职场文书
校长寄语大全
2014/04/09 职场文书
学生期末评语大全
2014/04/30 职场文书
工地安全质量标语
2014/06/07 职场文书
吃空饷专项整治方案
2014/10/27 职场文书
2014年党员个人工作总结
2014/12/02 职场文书
三潭印月的导游词
2015/02/12 职场文书
Nginx搭建rtmp直播服务器实现代码
2021/03/31 Servers