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实现瀑布流效果分享
Mar 26 Javascript
js行号显示的文本框实现效果(兼容多种浏览器 )
Oct 23 Javascript
原生js编写焦点图效果
Dec 08 Javascript
深入理解在JS中通过四种设置事件处理程序的方法
Mar 02 Javascript
bootstrap table插件的分页与checkbox使用详解
Jul 23 Javascript
JS监控关闭浏览器操作的实例详解
Sep 12 Javascript
vue组件watch属性实例讲解
Nov 07 Javascript
javascriptvoid(0)含义以及与&quot;#&quot;的区别讲解
Jan 19 Javascript
详解基于 Node.js 的轻量级云函数功能实现
Jul 08 Javascript
在LayUI图片上传中,解决由跨域问题引起的请求接口错误的方法
Sep 24 Javascript
js实现表格数据搜索
Aug 09 Javascript
Ant Design的可编辑Tree的实现操作
Oct 31 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学习笔记 数组遍历实现代码
2011/06/09 PHP
PHP内核介绍及扩展开发指南―基础知识
2011/09/11 PHP
PHP人民币金额数字转中文大写的函数代码
2013/02/27 PHP
解析PHP获取当前网址及域名的实现代码
2013/06/23 PHP
php设计模式之正面模式实例分析【星际争霸游戏案例】
2020/03/24 PHP
PHP sdk实现在线打包代码示例
2020/12/09 PHP
Input 特殊事件onpopertychange和oninput
2009/06/17 Javascript
jQuery EasyUI中对表格进行编辑的实现代码
2010/06/10 Javascript
通过Jscript中@cc_on 语句识别IE浏览器及版本的代码
2011/05/07 Javascript
计算世界完全对称日的js代码,粗糙版
2011/11/04 Javascript
简单的Jquery遮罩层代码实例
2013/11/14 Javascript
jquery实现ajax提交form表单的方法总结
2014/03/03 Javascript
浅析javascript中函数声明和函数表达式的区别
2015/02/15 Javascript
EasyUi combotree 实现动态加载树节点
2016/04/01 Javascript
jQuery Ajax和getJSON获取后台普通json数据和层级json数据用法分析
2016/06/08 Javascript
vue2笔记 — vue-router路由懒加载的实现
2017/03/03 Javascript
JS实现弹出下载对话框及常见文件类型的下载
2017/07/13 Javascript
vue中前进刷新、后退缓存用户浏览数据和浏览位置的实例讲解
2018/09/21 Javascript
[01:06:26]全国守擂赛第二周 Team Coach vs DeMonsTer
2020/04/28 DOTA
用Python脚本生成Android SALT扰码的方法
2013/09/18 Python
pycharm 使用心得(七)一些实用功能介绍
2014/06/06 Python
python merge、concat合并数据集的实例讲解
2018/04/12 Python
python判断设备是否联网的方法
2018/06/29 Python
Python单元测试简单示例
2018/07/03 Python
wxPython的安装与使用教程
2018/08/31 Python
python画双y轴图像的示例代码
2019/07/07 Python
python中几种自动微分库解析
2019/08/29 Python
解决Python安装cryptography报错问题
2020/09/03 Python
Ubuntu16安装Python3.9的实现步骤
2020/12/15 Python
美国旅游网站:Tours4Fun
2017/02/17 全球购物
护士实习生自我鉴定范文
2013/12/10 职场文书
节约用水倡议书
2014/04/16 职场文书
会议欢迎标语
2014/06/30 职场文书
《这片土地是神圣的》教学反思
2016/02/16 职场文书
经典励志格言:每日一句,让你每天充满能量
2019/08/16 职场文书
经典《舰娘》游改全新动画预告 预定11月开播
2022/04/01 日漫