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_03(ExtJs Grid的简单使用)
Oct 02 Javascript
js 浮动层菜单收藏
Jan 16 Javascript
jquery判断单个复选框是否被选中的代码
Sep 03 Javascript
js获取单元格自定义属性值的代码(IE/Firefox)
Apr 05 Javascript
网站页面自动跳转实现方法PHP、JSP(下)
Aug 01 Javascript
使用ImageMagick进行图片缩放、合成与裁剪(js+python)
Sep 16 Javascript
jQuery学习笔记之jQuery原型属性和方法
Jun 09 Javascript
浅谈javascript中自定义模版
Jan 29 Javascript
Bootstrap实现下拉菜单效果
Apr 29 Javascript
关于jQuery.ajax()的jsonp碰上post详解
Jul 02 jQuery
JavaScript中的执行环境和作用域链
Sep 04 Javascript
JS如何生成动态列表
Sep 22 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扩展开发入门demo示例
2019/09/23 PHP
用 javascript 实现的点击复制代码
2007/03/24 Javascript
javascript引用对象的方法代码
2007/08/13 Javascript
javascript Select标记中options操作方法集合
2008/10/22 Javascript
屏蔽Flash右键信息的js代码
2010/01/17 Javascript
编写自己的jQuery插件简单实现代码
2011/04/19 Javascript
解读JavaScript代码 var ie = !-[1,] 最短的IE判定代码
2011/05/28 Javascript
KnockoutJs快速入门教程
2016/05/16 Javascript
Js查找字符串中出现次数最多的字符及个数实例解析
2016/09/05 Javascript
Bootstrap弹出框modal上层的输入框不能获得焦点问题的解决方法
2016/12/13 Javascript
jQuery实现联动下拉列表查询框
2017/01/04 Javascript
详解基于 Nuxt 的 Vue.js 服务端渲染实践
2017/10/24 Javascript
JS简单实现点击跳转登陆邮箱功能的方法
2017/10/31 Javascript
浅谈Vue CLI 3结合Lerna进行UI框架设计
2019/04/14 Javascript
JavaScript遍历查找数组中最大值与最小值的方法示例
2019/05/24 Javascript
Layui 导航默认展开和菜单栏选中高亮设置的方法
2019/09/04 Javascript
js实现简单页面全屏
2019/09/17 Javascript
jQuery 选择器用法基础入门示例
2020/01/04 jQuery
[02:39]DOTA2国际邀请赛助威团西雅图第一天
2013/08/08 DOTA
[13:38]2015国际邀请赛中国战队出征仪式
2015/05/29 DOTA
浅析Python中的多进程与多线程的使用
2015/04/07 Python
如何使用七牛Python SDK写一个同步脚本及使用教程
2015/08/23 Python
一篇文章快速了解Python的GIL
2018/01/12 Python
Python生成器以及应用实例解析
2018/02/08 Python
Python实现的字典排序操作示例【按键名key与键值value排序】
2018/12/21 Python
Python 操作 ElasticSearch的完整代码
2019/08/04 Python
python set集合使用方法解析
2019/11/05 Python
python3 字符串知识点学习笔记
2020/02/08 Python
Python3如何使用tabulate打印数据
2020/09/25 Python
Python判断变量是否是None写法代码实例
2020/10/09 Python
详解Selenium 元素定位和WebDriver常用方法
2020/12/04 Python
MoviePy简介及Python视频剪辑自动化
2020/12/18 Python
python Scrapy爬虫框架的使用
2021/01/21 Python
经典优秀个人求职信分享
2013/12/12 职场文书
承认错误的检讨书
2014/01/30 职场文书
个人专业技术总结
2015/03/05 职场文书