jQuery中mouseover事件用法实例


Posted in Javascript onDecember 26, 2014

本文实例讲述了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://3water.com/" />

<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程序设计有所帮助。

Javascript 相关文章推荐
jQuery UI Datepicker length为空或不是对象错误的解决方法
Dec 19 Javascript
JavaScript各类型的关系图解
Oct 16 Javascript
使用jquery获取url及url参数的简单实例
Jun 14 Javascript
jQuery实现页面滚动时智能浮动定位
Jan 08 Javascript
微信小程序 弹窗自定义实例代码
Mar 08 Javascript
JavaScript中在光标处插入添加文本标签节点的详细方法
Mar 22 Javascript
webpack配置文件和常用配置项介绍
Apr 28 Javascript
详解React Native网络请求fetch简单封装
Aug 10 Javascript
JavaScript实现的搜索及高亮显示功能示例
Aug 14 Javascript
Array数组对象中的forEach、map、filter及reduce详析
Aug 02 Javascript
Vue实现动态添加或者删除对象和对象数组的操作方法
Sep 21 Javascript
Vue表单控件数据绑定方法详解
Feb 05 Javascript
javascript实现禁止右键和F12查看源代码
Dec 26 #Javascript
Angularjs 基础入门
Dec 26 #Javascript
jQuery 实现侧边浮动导航菜单效果
Dec 26 #Javascript
Javascript的闭包详解
Dec 26 #Javascript
jQuery中focus事件用法实例
Dec 26 #Javascript
生成二维码方法汇总
Dec 26 #Javascript
Javascript中的五种数据类型详解
Dec 26 #Javascript
You might like
snoopy PHP版的网络客户端提供本地下载
2008/04/15 PHP
php目录管理函数小结
2008/09/10 PHP
PHP __autoload函数(自动载入类文件)的使用方法
2012/02/04 PHP
PHP服务器页面间跳转实现方法
2012/08/02 PHP
php file_get_contents抓取Gzip网页乱码的三种解决方法
2013/11/12 PHP
thinkPHP中多维数组的遍历方法
2016/01/09 PHP
用js脚本控制asp.net下treeview的NodeCheck的实现代码
2010/03/02 Javascript
JavaScrip单线程引擎工作原理分析
2010/09/04 Javascript
基于Jquery的简单图片切换效果
2011/01/06 Javascript
jQuery Ajax 仿AjaxPro.Utility.RegisterTypeForAjax辅助方法
2011/09/27 Javascript
JavaScript实现找出字符串中第一个不重复的字符
2014/09/03 Javascript
Javascript获取当前日期的农历日期代码
2014/10/08 Javascript
详细解密jsonp跨域请求
2015/04/15 Javascript
JavaScript实现文本框中默认显示背景图片在获得焦点后消失的方法
2015/07/01 Javascript
jQuery层级选择器_动力节点节点Java学院整理
2017/07/04 jQuery
vue项目打包部署_nginx代理访问方法详解
2018/09/20 Javascript
vue中使用微信公众号js-sdk踩坑记录
2019/03/29 Javascript
Vue 中 template 有且只能一个 root的原因解析(源码分析)
2020/04/11 Javascript
vscode 调试 node.js的方法步骤
2020/09/15 Javascript
jQuery实现回到顶部效果
2020/10/19 jQuery
使用python BeautifulSoup库抓取58手机维修信息
2013/11/21 Python
Centos5.x下升级python到python2.7版本教程
2015/02/14 Python
python+pyqt实现右下角弹出框
2017/10/26 Python
python自定义函数实现一个数的三次方计算方法
2019/01/20 Python
Python3.4解释器用法简单示例
2019/03/22 Python
Python基础之函数的定义与使用示例
2019/03/23 Python
Python函数中参数是传递值还是引用详解
2019/07/02 Python
PIL图像处理模块paste方法简单使用详解
2019/07/17 Python
使用pickle存储数据dump 和 load实例讲解
2019/12/30 Python
俄罗斯在线水暖商店:Perfecto.ru
2019/10/25 全球购物
武汉世纪畅想数字传播有限公司.NET笔试题
2014/07/22 面试题
Linux面试题LINUX系统类
2014/11/19 面试题
新农村建设汇报材料
2014/08/15 职场文书
风雨哈佛路观后感
2015/06/03 职场文书
先进党支部事迹材料2016
2016/02/26 职场文书
教你如何使用Python下载B站视频的详细教程
2021/04/29 Python