JQuery事件之hover

在JQuery中提供了hover事件，以简化Dom中的mouseenter,和mouseleave事件，hover的第一个参数（匿名方法）表示mouseenter，第二个参数表示mouseleave，即表示可以为hover传递两个参数。如下代码所示：

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title></title><style type="text/css">.in {background-color:blue;color:white;border-style:solid;}</style><script src="js/jquery-1.7.1.min.js"></script><script type="text/javascript">$(function () {$("#btn").hover(function () {$(this).addClass("in");}, //mouseenterfunction () {$(this).removeClass("in");});//mouseleave});</script>
</head>
<body><button id="btn">click me</button>
</body>
</html>

JQuery事件之hover相关推荐

jQuery事件4——hover
作用:将二个事件函数绑定到匹配元素上,分别当鼠标指针进入和离开元素时被执行(传两个参数) [例]代码效果代码如下 <!DOCTYPE html> <html lang=" ...
2017-6-3 jQuery 事件 DOM操作
1. jQuery 事件: ////hover:相当于相当于把mouseover()mouseout()合二为一//$("#div1").hover(function ()//{/ ...
jQuery 事件绑定方法（bind hover toggle live.... ）、删除事件方法（unbind, die）及事件对象
事件绑定方法: 1.<type>(function) $("button").click(function(){... }); 2.bind(map) $(" ...
jQuery鼠标事件与hover事件
(作者:老薛,撰写时间:2019年5月13日) 在我学到jQuery鼠标事件,我知道了jQuery鼠标事件列表中有很多事件,它们分别是:1.click 单击事件.2.dbclick 双击事件.3.mo ...
jQuery中阻止hover事件冒泡
这里写自定义目录标题 jQuery中阻止hover事件冒泡前言冒泡示例冒泡效果阻止冒泡阻止冒泡效果总结 jQuery中阻止hover事件冒泡文章目录 jQuery中阻止hover事件冒泡 ...
jquery 列表hover效果，css :hover ，jquery 事件委托，jquery hover()方法
jquery 列表hover效果 <ul class="list"><li class="item"><span>1< ...
第79天：jQuery事件总结（二）
上一篇讲到jQuery中的事件,深入学习了加载DOM和事件绑定的相关知识,这篇主要深入讨论jQuery事件中的合成事件.事件冒泡和事件移除等内容. 一.合成事件 jQuery有两个合成事件--hove ...
jQuery事件之鼠标事件
jQuery事件之鼠标事件鼠标事件是在用户移动鼠标光标或者使用任意鼠标键点击时触发的. (1):click事件:click事件于用户在元素敲击鼠标左键,并在相同元素上松开左键时触发. ...
javascript事件之：jQuery事件中实例对象和拓展对象之间的通信
我们总结过jQery事件中的实例原型对象对外接口和拓展对象,现在我们看看他们是如何进行通信联系的. 先来看便捷方法: 1 //调用的还是实例对象下的on()和trigger() 2 jQuery.ea ...

JQuery事件之hover

JQuery事件之hover相关推荐

最新文章

热门文章