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 相关文章推荐
onsubmit阻止form表单提交与onclick的相关操作
Sep 03 Javascript
jQuery.extend 函数的详细用法
Jun 27 Javascript
js获得参数的getParameter使用示例
Feb 26 Javascript
BAT及各大互联网公司2014前端笔试面试题--JavaScript篇
Oct 29 Javascript
javascript实现playfair和hill密码算法
Dec 07 Javascript
使用Chrome浏览器调试AngularJS应用的方法
Jun 18 Javascript
js编写的treeview使用方法
Nov 11 Javascript
微信小程序 解决请求服务器手机预览请求不到数据的方法
Jan 04 Javascript
JavaScript实现类似淘宝的购物车效果
Mar 16 Javascript
JS实现新建文件夹功能
Jun 17 Javascript
vue-cli 构建骨架屏的方法示例
Nov 08 Javascript
JavaScript异步操作的几种常见处理方法实例总结
May 11 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
使用adodb lite解决问题
2006/12/31 PHP
PHP+ajaxfileupload+jcrop插件完美实现头像上传剪裁
2014/06/09 PHP
php两种无限分类方法实例
2015/04/21 PHP
屏蔽PHP默认设置中的Notice警告的方法
2016/05/20 PHP
jquery实现简单的拖拽效果实例兼容所有主流浏览器(优化篇)
2013/06/28 Javascript
开发中可能会用到的jQuery小技巧
2014/03/07 Javascript
如何解决谷歌浏览器下jquery无法获取图片的尺寸
2015/09/10 Javascript
jQuery多级手风琴菜单实例讲解
2015/10/22 Javascript
用JavaScript来美化HTML的select标签的下拉列表效果
2015/11/17 Javascript
dedecms页面如何获取会员状态的实例代码
2016/03/15 Javascript
javascript函数命名的三种方式及区别介绍
2016/03/22 Javascript
jquery.validate.js 多个相同name的处理方式
2017/07/10 jQuery
vue component组件使用方法详解
2017/07/14 Javascript
ztree简介_动力节点Java学院整理
2017/07/19 Javascript
Angular2 自定义表单验证器的实现方法
2018/12/14 Javascript
jQuery简单实现根据日期计算星期几的方法
2019/01/09 jQuery
vue 内联样式style中的background用法说明
2020/08/05 Javascript
Python设计模式之观察者模式实例
2014/04/26 Python
在Python的循环体中使用else语句的方法
2015/03/30 Python
简单谈谈Python中的元祖(Tuple)和字典(Dict)
2017/04/21 Python
python实现决策树分类算法
2017/12/21 Python
Python面向对象程序设计中类的定义、实例化、封装及私有变量/方法详解
2019/02/28 Python
Django项目使用ckeditor详解(不使用admin)
2019/12/17 Python
Python基于pip实现离线打包过程详解
2020/05/15 Python
python基于socket函数实现端口扫描
2020/05/28 Python
基于python和flask实现http接口过程解析
2020/06/15 Python
python3爬虫中多线程的优势总结
2020/11/24 Python
基于CSS3特效之动画:animation的应用
2013/05/09 HTML / CSS
详解CSS3的图层阴影和文字阴影效果使用
2016/06/09 HTML / CSS
浅谈HTML5 FileReader分布读取文件以及其方法简介
2017/11/09 HTML / CSS
基于HTML5的WebGL经典3D虚拟机房漫游动画
2017/11/15 HTML / CSS
财务方面个人工作的自我评价
2013/12/28 职场文书
中文师范生自荐信
2014/01/30 职场文书
慈善晚会策划方案
2014/05/14 职场文书
村当支部个人对照检查材料思想汇报
2014/10/06 职场文书
民事纠纷协议书
2016/03/23 职场文书