您还不是vip会员或者没有登录,无法进入学习,请登录后访问或者联系站长升级会员等级!
为了能给大家提供更好的服务和视频教程,本站VIP课程需要收取一定的学费,具体收费标准根据不同的班级课程和有效期长短有所不同,具体请咨询在线老师,多谢您对本站的支持!

jquery教程16:jQuery中常用的鼠标事件函数
1、 jQuery 事件函数
jQuery 事件处理方法是 jQuery 中的核心函数。事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。事件方法会触发匹配元素的事件,或将函数绑定到所有匹配元素的某个事件。通常会把 jQuery 代码放到 <head>部分的事件处理方法中:
实例:
$(document).ready(function):将函数绑定到文档的就绪事件(当文档完成加载时)
$(selector).click(function):触发或将函数绑定到被选元素的点击事件
<script type="text/javascript" src="jquery.js"></script>
< script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("p").hide();
});
});
< /script>
2、 jQuery 常用鼠标事件函数
click() 当点击元素时,会发生 click 事件。鼠标指针在元素上按下并松开鼠标左键触发。
dblclick() 当双击元素时,会发生 dblclick 事件。在很短的时间内发生两次 click触发。
mouseover() 触发或将函数绑定到被选元素的鼠标悬停事件
mouseout() 触发、或将函数绑定到鼠标从指定元素上移开事件
mousedown() 当鼠标指针移动到元素上方,并按下鼠标按键时,会发生 该事件。与 click 事件不同,本事件仅需要按键被按下,而不需要松开即可发生。
mouseenter() 当鼠标指针穿过元素时,会发生该事件。与 mouseover 事件不同,只有在鼠标指针穿过被选元素时,才会触发 该事件。如果鼠标指针穿过任何子元素,同样会触发 mouseover 事件。
mouseleave() 当鼠标指针离开元素时,会发生 该事件。该事件经常会与 mouseenter 事件一起使用。与 mouseout 事件不同,只有在鼠标指针离开被选元素时,才会触发 该事件。
mousemove() 当鼠标指针在指定的元素中移动时,就会发生 该事件。鼠标移动一个像素,就会发生一次 事件。处理所有 本事件会耗费系统资源。请谨慎使用。
mouseup() 当在元素上放松鼠标按钮时,会发生 mouseup 事件。
上一讲:jquery教程15:jquery制作DIV弹出式窗口实例 | 下一讲:jquery教程17:jQuery常用键盘事件函数
![]() |
豫公网安备 41010202002486号 | ICP备案:豫ICP备18044432号-1 |