jQuery中mouseover事件用法实例
更新时间：2014年12月26日 11:25:29 投稿：shichen2014
这篇文章主要介绍了jQuery中mouseover事件用法,以实例形式分析了mouseover事件处理鼠标指针滑过时的使用技巧,需要的朋友可以参考下
本文实例讲述了jQuery中mouseover事件用法。分享给大家供大家参考。具体分析如下：
当鼠标指针位于匹配的元素上方或者调用mouseover()方法时触发mouseover事件。
一个完整的事件过程，不但要有能够触发事件的条件，而且还要有事件处理程序。
可以通过mouseover()方法为mouseover事件绑定事件处理程序。例如：
复制代码 代码如下:
$("div").mouseover(function(){$("div").text("脚本之家欢迎您！")})
以上代码就是将function函数作为事件处理程序通过mouseover()方法绑定到mouseover事件。
当触发mouseover事件的时候，就会调此函数。
实例代码:
复制代码 代码如下:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8"/>
<meta name="author" content="https://www.jb51.net/" />
<title>mouseover事件-脚本之家</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("div").mouseover(function(){
$("div").text("脚本之家欢迎您！");
})
})
</script>
</head>
<body>
<div>原来的文字</div>
</body>
</html>
希望本文所述对大家的jQuery程序设计有所帮助。
相关文章
jQuery 研究心得 取得属性的值...2007-11-11
jQuery Clone Bug解决代码，具体看测试代码。2010-12-12
jquery alert 弹出式 复选框，需要的朋友可以参考下，代码有点乱。2009-06-06
jquery操作select option 的代码小结,需要的朋友可以参考下。2011-06-06
今天项目中加了一个上传文件的需求,我就搞了一下,下面这篇文章主要给大家介绍了关于jquery ajax实现文件上传提交的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-11-11
jquery html动态生成select标签出问题的解决方法
用jquery,json从后台获取一个列表，然后用一个动态生成的select标签显示出来，结果出现错误，下面为大家分享个不错的解决方法，喜欢的朋友可以参考下2013-11-11
这篇文章主要介绍了JQuery限制文本框只能输入数字和小数点的方法，大家参考使用吧2014-01-01
关于jQuery的DOM操作面试问题其实有很多，下面这篇文章主要给大家介绍了jQuery常见面试题之DOM操作的相关资料，文中介绍的非常详细，对大家具有一定的参考学习价值，需要的朋友们下面来一起看看吧。2017-07-07
jQuery中为我们提供了很多有用的方法和属性，自己总结的一些常用的函数，方法。个人认为在开发中会比较常用的，仅供大家学习和参考。2009-06-06
这篇文章主要介绍了从如何写JQuery插件，需要注意的事项，还有必须要做的步骤，看过这个文章相信你会明白如何写好一个JQuery插件2013-11-11
最新评论