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 相关文章推荐
NiftyCube——轻松实现圆角边框
Feb 20 Javascript
JavaScript函数详解
Feb 27 Javascript
JS控制弹出新页面窗口位置和大小的方法
Mar 02 Javascript
jQuery中closest和parents的区别分析
May 07 Javascript
跟我学习javascript的prototype使用注意事项
Nov 17 Javascript
JS控制按钮10秒钟后可用的方法
Dec 22 Javascript
理解js对象继承的N种模式
Jan 25 Javascript
用jQuery的AJax实现异步访问、异步加载
Nov 02 Javascript
vue elementui form表单验证的实现
Nov 11 Javascript
使用Angular9和TypeScript开发RPG游戏的方法
Mar 25 Javascript
微信小程序拖拽排序列表的示例代码
Jul 08 Javascript
OpenLayers3实现图层控件功能
Sep 25 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
初学CAKEPHP 基础教程
2009/11/02 PHP
PHP写UltraEdit插件脚本实现方法
2011/12/26 PHP
Yii实现的多级联动下拉菜单
2016/07/13 PHP
php脚本守护进程原理与实现方法详解
2017/07/20 PHP
Ctrl+Enter提交内容信息
2006/06/26 Javascript
Dom操作之兼容技巧分享
2011/09/20 Javascript
js异步加载的三种解决方案
2013/03/04 Javascript
JS 精确统计网站访问量的实例代码
2013/07/05 Javascript
jquery datepicker参数介绍和示例
2014/04/15 Javascript
jQuery实现遮罩层登录对话框
2016/12/29 Javascript
jQuery实现复选框的全选和反选
2017/02/02 Javascript
微信小程序实现指定显示行数多余文字去掉用省略号代替
2018/07/25 Javascript
[01:48]2018DOTA2亚洲邀请赛主赛事第二日五佳镜头 VG完美团战逆转TNC
2018/04/05 DOTA
python标准日志模块logging的使用方法
2013/11/01 Python
Python装饰器使用示例及实际应用例子
2015/03/06 Python
Python爬虫实例爬取网站搞笑段子
2017/11/08 Python
Python利用sqlacodegen自动生成ORM实体类示例
2019/06/04 Python
Python3简单实现串口通信的方法
2019/06/12 Python
Python笔记之观察者模式
2019/11/20 Python
使用Python爬取弹出窗口信息的实例
2020/03/14 Python
如何在windows下安装配置python工具Ulipad
2020/10/27 Python
使用HTML5的链接预取功能(link prefetching)给网站提速
2012/12/13 HTML / CSS
台湾线上百货零售购物平台:friDay购物
2017/08/18 全球购物
Stefania Mode英国:奢华设计师和时尚服装
2017/10/23 全球购物
大四学年自我鉴定
2013/11/13 职场文书
销售文员岗位职责
2013/11/29 职场文书
网络信息管理员岗位职责
2014/01/05 职场文书
小学数学教学反思
2014/02/02 职场文书
将相和教学反思
2014/02/04 职场文书
剪枝的学问教学反思
2014/02/07 职场文书
年度优秀员工获奖感言
2014/08/15 职场文书
2014广电局实施党的群众路线教育实践活动方案思想汇报
2014/09/22 职场文书
2014年社团工作总结范文
2014/11/27 职场文书
国庆放假通知怎么写
2015/07/30 职场文书
vue点击弹窗自动触发点击事件的解决办法(模拟场景)
2021/05/25 Vue.js
Java实现简易的分词器功能
2021/06/15 Java/Android