Jquery中的hover()和toggle()用法
本文转自:http://nianshi.iteye.com/blog/1453996
hover(fn1,fn2):一个模仿悬停事件(鼠标移动到一个对象上面及移出这个对象)的方法。当鼠标移动到一个匹配的元素上面时,会触发指定的第一个函数。当鼠标移出这个元素时,会触发指定的第二个函数。
//当鼠标放在表格的某行上时将class置为over,离开时置为out。
$("tr").hover(function(){
$(this).addClass("over");
},
function(){
$(this).addClass("out");
});
toggle(evenFn,oddFn): 每次点击时切换要调用的函数。如果点击了一个匹配的元素,则触发指定的第一个函数,当再次点击同一元素时,则触发指定的第二个函数。随后的每次点击都重复对这两个函数的轮番调用。
//每次点击时轮换添加和删除名为selected的class。
$("p").toggle(function(){
$(this).addClass("selected");
},function(){
$(this).removeClass("selected");
});
两个函数都能实现轮番调用两个函数。。。。
Jquery中的hover()和toggle()用法相关推荐
- jquery中this与$(this)的用法区别.
2019独角兽企业重金招聘Python工程师标准>>> jquery中this与$(this)的用法区别.先看以下代码: $("#textbox").hover( ...
- 关于Jquery中ajax方法data参数用法的总结
关于Jquery中ajax方法data参数用法的总结 jquery手册描述: 示例: $.ajax({type: "POST",url: "some.php", ...
- jquery ajax实例get,jQuery中ajax的get()方法用法实例
本文实例讲述了jQuery中ajax的get()方法用法.分享给大家供大家参考.具体分析如下: $.get()通过 HTTP GET请求从服务器上请求数据. 语法结构: $.get(url, [dat ...
- jQuery中阻止hover事件冒泡
这里写自定义目录标题 jQuery中阻止hover事件冒泡 前言 冒泡示例 冒泡效果 阻止冒泡 阻止冒泡效果 总结 jQuery中阻止hover事件冒泡 文章目录 jQuery中阻止hover事件冒泡 ...
- jQuery中的hover()方法
jQuery中的hover()方法用于模拟光标悬停事件.当光标移动到元素上时,会触发指定的第一个函数(enter),当光标移出这个元素时,会触发指定的第二个函数(leave).如下面一段代码: < ...
- 关于jQuery中end()的定义和用法
end()定义和用法 end() 方法结束当前链条中的最近的筛选操作,并将匹配元素集还原为之前的状态. 以上是官方说法,比较难理解. 还是用一个例子来说明 <!DOCTYPE html> ...
- jQuery中end()的定义和用法介绍。
定义和用法 end() 方法结束当前链条中的最近的筛选操作,并将匹配元素集还原为之前的状态. 以上是官方说法,比较难理解. 还是用一个例子来说明 <!DOCTYPE html> <h ...
- jQuery中的end()定义和用法
转自:微点阅读 https://www.weidianyuedu.com/content/3717161151945.html 定义和用法 end() 方法结束当前链条中的最近的筛选操作,并将匹配元 ...
- jQuery中的hover事件
在我们之前学习前端的过程中了解到了很多代码的作用,特别是js中所使用的方法,我之前也介绍过很多实用的js方法,今天要给大家介绍的是jQuery中的一个比较特殊的一个方法:hover(). 先前说过,我 ...
最新文章
- 反射型 DDoS 攻击的原理和防范措施
- websocket心跳链接代码_Hyperf+RabbitMQ+WebSocket实现大屏幕消息推送
- ADO.NET数据库操作------SqlDataReader和SqlDataAdapter 区别
- Python调用ansible API系列(一)获取资产信息
- vue ani_ANI的完整形式是什么?
- WordPress Plupload插件未明跨站脚本漏洞
- 从 Azure 下载 Windows VHD
- spring 集成 Hibernate4.3.X org.hibernate.service.jta.platform.spi.JtaPlatform异常
- slam 图像处理 matlab,MATLAB R2020a图像处理和计算机视觉新进展
- yacc语法学习-part1
- project安装包_Microsoft project 2019软件功能介绍(附安装包)
- 不想用收费版微软OFFICE和企业版金山WPS,猿大师办公助手支持哪个版本呢?
- SqlServer导出为mdf
- 生信分析矫正P值_万字长文+诚意满满 | 单细胞转录组分析最佳思路综述
- 群友问题,如何面对繁杂的数据需求?
- 立创EDA导出Altium Designer的pcb文件没有没有显示飞线
- VBA批量导入多个文件夹下的图片到PPT
- linux 小括号 中括号 双小括号 双中括号
- css制作自动旋转的钟表
- SVG—初识4之描边动画和路径动画