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 相关文章推荐
google jQuery 引用文件,jQuery 引用地址集合(jquery 1.2.6至jquery1.5.2)
Apr 24 Javascript
JavaScript高级程序设计 读书笔记之十一 内置对象Global
Mar 07 Javascript
动态加载dtree.js树treeview(示例代码)
Dec 17 Javascript
jquery scroll()区分横向纵向滚动条的方法
Apr 04 Javascript
Jquery ajax基础教程
Nov 20 Javascript
jQuery-1.9.1源码分析系列(十)事件系统之事件包装
Nov 20 Javascript
JavaScript之WebSocket技术详解
Nov 18 Javascript
easyui关于validatebox实现多重规则验证的方法(必看)
Apr 12 Javascript
微信小程序之电影影评小程序制作代码
Aug 03 Javascript
JavaScript实现单击网页任意位置打开新窗口与关闭窗口的方法
Sep 21 Javascript
vue获取元素宽、高、距离左边距离,右,上距离等还有XY坐标轴的方法
Sep 05 Javascript
在react中使用vue的状态管理的方法示例
May 02 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中常用的输出函数总结
2014/09/22 PHP
初识Laravel
2014/10/30 PHP
windows下安装php的memcache模块的方法
2015/04/07 PHP
PHP使用PhpSpreadsheet操作Excel实例详解
2020/03/26 PHP
PHP 面向对象程序设计之类属性与类常量实现方法分析
2020/04/13 PHP
javascript Select标记中options操作方法集合
2008/10/22 Javascript
javascript 面向对象编程 聊聊对象的事
2009/09/17 Javascript
jquery 实现二级/三级/多级联动菜单的思路及代码
2013/04/08 Javascript
使用js实现按钮控制文本框加1减1应用于小时+分钟
2013/12/09 Javascript
jQuery中验证表单提交方式及序列化表单内容的实现
2014/01/06 Javascript
JSON格式化输出
2014/11/10 Javascript
探寻Javascript执行效率问题
2014/11/12 Javascript
Node.js巧妙实现Web应用代码热更新
2015/10/22 Javascript
jQuery内容折叠效果插件用法实例分析(附demo源码)
2016/04/28 Javascript
jQuery web 组件 后台日历价格、库存设置的代码
2016/10/14 Javascript
Bootstrap CDN和本地化环境搭建
2016/10/26 Javascript
JS滚动到指定位置导航栏固定顶部
2017/07/03 Javascript
axios对请求各种异常情况处理的封装方法
2018/09/25 Javascript
浅谈ng-zorro使用心得
2018/12/03 Javascript
python复制文件代码实现
2013/12/23 Python
Python使用xlrd模块操作Excel数据导入的方法
2015/05/26 Python
python获取中文字符串长度的方法
2018/11/14 Python
Python高级特性与几种函数的讲解
2019/03/08 Python
python 列表输出重复值以及对应的角标方法
2019/06/11 Python
Python列表对象实现原理详解
2019/07/01 Python
Python tkinter三种布局实例详解
2020/01/06 Python
Python列表list操作相关知识小结
2020/01/29 Python
基于python实现破解滑动验证码过程解析
2020/05/28 Python
如何学习Python time模块
2020/06/03 Python
通过代码实例解析Pytest运行流程
2020/08/20 Python
海淘母婴商城:国际妈咪
2016/07/23 全球购物
巴西独家产品和现场演示购物网站:Shoptime
2019/07/11 全球购物
黄继光的英雄事迹材料
2014/02/13 职场文书
创业计划书之婴幼儿游泳馆
2019/09/11 职场文书
Python实现信息轰炸工具(再也不怕说不过别人了)
2021/06/11 Python
教你如何使用Python实现二叉树结构及三种遍历
2021/06/18 Python