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 相关文章推荐
jquery插件之定时查询待处理任务数量
May 01 Javascript
JS HTML5实现拖拽移动列表效果
Aug 27 Javascript
AngularJS ng-bind-template 指令详解
Jul 30 Javascript
jQuery dataTables与jQuery UI 对话框dialog的使用教程
Sep 02 Javascript
详解js中Json的语法与格式
Nov 22 Javascript
懒加载实现的分页&amp;&amp;网站footer自适应
Dec 21 Javascript
jQuery.cookie.js实现记录最近浏览过的商品功能示例
Jan 23 Javascript
详解angular ui-grid之过滤器设置
Jun 07 Javascript
nuxt中使用路由守卫的方法步骤
Jan 27 Javascript
Vue项目部署的实现(阿里云+Nginx代理+PM2)
Mar 26 Javascript
jquery实现进度条状态展示
Mar 26 jQuery
vue 基于abstract 路由模式 实现页面内嵌的示例代码
Dec 14 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
笑谈配置,使用Smarty技术
2007/01/04 PHP
微信支付PHP SDK ―― 公众号支付代码详解
2016/09/13 PHP
PHP基于swoole多进程操作示例
2019/08/12 PHP
php7 list()、session及其他模块的修改实例分析
2020/05/25 PHP
用js读、写、删除Cookie代码分享及详细注释说明
2014/06/05 Javascript
JavaScript匿名函数与委托使用示例
2014/07/22 Javascript
jquery实现submit提交表单
2015/02/03 Javascript
简介BootStrap model弹出框的使用
2016/04/27 Javascript
原生JS封装Ajax插件(同域、jsonp跨域)
2016/05/03 Javascript
jQuery滚动新闻实现代码
2016/06/26 Javascript
React中jquery引用的实现方法
2017/09/12 jQuery
JavaScript 中定义函数用 var foo = function () {} 和 function foo()区别介绍
2018/03/01 Javascript
layer 关闭指定弹出层的例子
2019/09/25 Javascript
详解python中的装饰器
2018/07/10 Python
全网首秀之Pycharm十大实用技巧(推荐)
2020/04/27 Python
python3发送request请求及查看返回结果实例
2020/04/30 Python
Python的Django框架实现数据库查询(不返回QuerySet的方法)
2020/05/19 Python
在pycharm中文件取消用 pytest模式打开的操作
2020/09/01 Python
Python字符串及文本模式方法详解
2020/09/10 Python
在网上学习全世界最好的课程:Coursera
2017/11/07 全球购物
英国现代市场:ARKET
2019/04/10 全球购物
构造器Constructor是否可被override?
2013/08/06 面试题
护理学中专毕业生求职信
2013/11/11 职场文书
机械制造专业个人的自我评价
2013/12/28 职场文书
警察思想汇报
2014/01/04 职场文书
英语道歉信范文
2014/01/09 职场文书
财务学生的职业生涯发展
2014/02/11 职场文书
法人代表委托书
2014/04/04 职场文书
超市创业计划书
2014/04/24 职场文书
学校宣传标语
2014/06/18 职场文书
2014党员批评和自我批评思想汇报
2014/09/21 职场文书
2014年乡镇工会工作总结
2014/12/02 职场文书
高中教师个人总结
2015/02/10 职场文书
骨干教师个人总结
2015/02/11 职场文书
销售合作意向书范本
2015/05/08 职场文书
2015年高三教学工作总结
2015/07/21 职场文书