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的动态创建DOM元素的代码
Dec 28 Javascript
jQuery渐变发光导航菜单的实例代码
Mar 27 Javascript
JS Array创建及concat()split()slice()的使用方法
Jun 03 Javascript
JavaScript 数组中最大最小值
Jun 05 Javascript
JS实现星星评分功能实例代码(两种方法)
Jun 09 Javascript
浅谈jquery中使用canvas的问题
Oct 10 Javascript
基于js实现checkbox批量选中操作
Nov 22 Javascript
详解Python中logging日志模块在多进程环境下的使用
Dec 26 Javascript
springMVC + easyui + $.ajaxFileUpload实现文件上传注意事项
Apr 23 Javascript
jQuery+Ajax实现用户名重名实时检测
Jun 01 jQuery
实时监控input框,实现输入框与下拉框联动的实例
Jan 23 Javascript
vue项目中使用bpmn为节点添加颜色的方法
Apr 30 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脚本中include文件出错解决方法
2008/11/20 PHP
通达OA公共代码 php常用检测函数
2011/12/14 PHP
记录PHP错误日志 display_errors与log_errors的区别
2012/10/09 PHP
php 数组字符串搜索array_search技巧
2016/07/05 PHP
[原创]php token使用与验证示例【测试可用】
2017/08/30 PHP
Laravel核心解读之异常处理的实践过程
2019/02/24 PHP
discuz论坛更换域名,详细文件修改步骤
2020/12/09 PHP
javascript 浏览器检测代码精简版
2010/03/04 Javascript
javascript对下拉列表框(select)的操作实例讲解
2013/11/29 Javascript
JS的location.href跳出框架打开新页面的方法
2014/09/04 Javascript
EasyUI创建对话框的两种方式
2016/08/23 Javascript
JS实现的简单四则运算计算器功能示例
2017/09/27 Javascript
基于vue-cli npm run build之后vendor.js文件过大的解决方法
2018/09/27 Javascript
详解Vue前端生产环境发布配置实战篇
2019/05/07 Javascript
利用d3.js实现蜂巢图表带动画效果
2019/09/03 Javascript
js实现课堂随机点名系统
2019/11/21 Javascript
详解vue 中 scoped 样式作用域的规则
2020/09/14 Javascript
一篇超完整的Vue新手入门指导教程
2020/11/18 Vue.js
Python中使用dom模块生成XML文件示例
2015/04/05 Python
在Python中用has_key()方法查找键是否存在的教程
2015/05/21 Python
python编程开发之类型转换convert实例分析
2015/11/13 Python
浅析Python的web.py框架中url的设定方法
2016/07/11 Python
python模拟鼠标点击和键盘输入的操作
2019/08/04 Python
numpy.random.shuffle打乱顺序函数的实现
2019/09/10 Python
python实现大学人员管理系统
2019/10/25 Python
Python3操作读写CSV文件使用包过程解析
2020/04/10 Python
opencv-python的RGB与BGR互转方式
2020/06/02 Python
keras.utils.to_categorical和one hot格式解析
2020/07/02 Python
Pytest测试框架基本使用方法详解
2020/11/25 Python
雪花秀美国官方网站:韩国著名草本护肤化妆品品牌
2016/10/19 全球购物
意大利领先的奢侈品在线时装零售商:MCLABELS
2020/10/13 全球购物
中学劳技课教师的自我评价
2014/02/05 职场文书
工作证明英文模板
2014/10/21 职场文书
2016年高校自主招生自荐信范文
2015/03/24 职场文书
和谐拯救危机观后感
2015/06/15 职场文书
PHP设计模式(观察者模式)
2021/07/07 PHP