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中dom操作和事件的实例学习 仿yahoo邮箱登录框的提示效果
Nov 30 Javascript
javascript提取URL的搜索字符串中的参数(自定义函数实现)
Jan 22 Javascript
JS中的异常处理方法分享
Dec 22 Javascript
js日期对象兼容性的处理方法
Jan 28 Javascript
用jQuery向div中添加Html文本内容的简单实现
Jul 13 Javascript
jQuery的ready方法实现原理分析
Oct 26 Javascript
使用Curl命令查看请求响应时间方法
Nov 04 Javascript
微信小程序 配置文件详细介绍
Dec 14 Javascript
微信小程序 scroll-view实现锚点滑动的示例
Dec 06 Javascript
微信小程序实现动态设置placeholder提示文字及按钮选中/取消状态的方法
Dec 14 Javascript
微信小程序 自定义复选框实现代码实例
Sep 04 Javascript
nuxt配置通过指定IP和端口访问的实现
Jan 08 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
用PHP实现Ftp用户的在线管理的代码
2007/03/06 PHP
php 将bmp图片转为jpg等其他任意格式的图片
2009/06/21 PHP
PHP 变量的定义方法
2010/01/26 PHP
Mysql的Root密码忘记,查看或修改的解决方法(图文介绍)
2013/06/14 PHP
关于PHP语言构造器介绍
2013/07/08 PHP
php中FTP函数ftp_connect、ftp_login与ftp_chmod用法
2014/11/18 PHP
PHP Curl模拟登录微信公众平台、新浪微博实例代码
2016/01/28 PHP
46 个非常有用的 PHP 代码片段
2016/02/16 PHP
PHPExcel导出2003和2007的excel文档功能示例
2017/01/04 PHP
PHP中overload与override的区别
2017/02/13 PHP
jQuery 解析xml文件
2009/08/09 Javascript
js时间比较示例分享(日期比较)
2014/03/05 Javascript
理解javascript封装
2016/02/23 Javascript
javascript单页面手势滑屏切换原理详解
2016/03/21 Javascript
利用React-router+Webpack快速构建react程序
2016/10/27 Javascript
深入nodejs中流(stream)的理解
2017/03/27 NodeJs
利用Vue.js+Node.js+MongoDB实现一个博客系统(附源码)
2017/04/24 Javascript
JS ES6中setTimeout函数的执行上下文示例
2017/04/27 Javascript
javascript 数据存储的常用函数总结
2017/06/01 Javascript
pace.js和NProgress.js两个加载进度插件的一点小总结
2018/01/31 Javascript
Angular 组件之间的交互的示例代码
2018/03/24 Javascript
python实现系统状态监测和故障转移实例方法
2013/11/18 Python
python爬虫之BeautifulSoup 使用select方法详解
2017/10/23 Python
Python3.6 Schedule模块定时任务(实例讲解)
2017/11/09 Python
Python内置模块hashlib、hmac与uuid用法分析
2018/02/12 Python
通过Py2exe将自己的python程序打包成.exe/.app的方法
2018/05/26 Python
python实现基于信息增益的决策树归纳
2018/12/18 Python
python实现微信定时每天和女友发送消息
2019/04/29 Python
Python数据分析pandas模块用法实例详解
2019/11/20 Python
音频处理 windows10下python三方库librosa安装教程
2020/06/20 Python
时尚、社区、科技:SEVENSTORE
2019/04/26 全球购物
庆七一活动总结
2014/08/27 职场文书
2014领导班子“四风问题”对照检查材料思想汇报(执法局)
2014/09/21 职场文书
2014收银员工作总结范文
2014/12/16 职场文书
社区三八妇女节活动总结
2015/02/06 职场文书
CSS3新特性详解(五):多列columns column-count和flex布局
2021/04/30 HTML / CSS