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 相关文章推荐
js onload处理html页面加载之后的事件
Oct 30 Javascript
纯js实现遮罩层效果原理分析
May 27 Javascript
Js 正则表达式知识汇总
Dec 02 Javascript
JavaScript实现的圆形浮动标签云效果实例
Aug 06 Javascript
JavaScript学习笔记之创建对象
Mar 25 Javascript
JS基于MSClass和setInterval实现ajax定时采集信息并滚动显示的方法
Apr 18 Javascript
iscroll动态加载数据完美解决方法
Jul 18 Javascript
js input输入百分号保存数据库失败的解决方法
May 26 Javascript
laydate如何根据开始时间或者结束时间限制范围
Nov 15 Javascript
JS实现前端动态分页码代码实例
Jun 02 Javascript
对vuex中store和$store的区别说明
Jul 24 Javascript
鸿蒙系统中的 JS 开发框架
Sep 18 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 实现的将图片转换为TXT
2015/10/21 PHP
PHP面向对象程序设计OOP继承用法入门示例
2016/12/27 PHP
PHP实现的观察者模式实例
2017/06/21 PHP
tp5框架前台无限极导航菜单类实现方法分析
2020/03/29 PHP
DOM 基本方法
2009/07/18 Javascript
jQuery代码优化 选择符篇
2011/11/01 Javascript
详解JavaScript的策略模式编程
2015/06/24 Javascript
js实现黑色简易的滑动门网页tab选项卡效果
2015/08/31 Javascript
Javascript 基础---Ajax入门必看
2016/07/06 Javascript
JavaScript原生编写《飞机大战坦克》游戏完整实例
2017/01/04 Javascript
微信小程序开发之从相册获取图片 使用相机拍照 本地图片上传
2017/04/18 Javascript
Iscrool下拉刷新功能实现方法(推荐)
2017/06/26 Javascript
React 组件转 Vue 组件的命令写法
2018/02/28 Javascript
Vue中的Props(不可变状态)
2018/09/29 Javascript
微信小程序动画(Animation)的实现及执行步骤
2018/10/28 Javascript
仿vue-cli搭建属于自己的脚手架的方法步骤
2019/04/17 Javascript
eslint+prettier统一代码风格的实现方法
2020/07/22 Javascript
[05:16]《大圣!大圣》——DOTA2新英雄齐天大圣配音李世宏老师专访
2016/12/13 DOTA
详谈在flask中使用jsonify和json.dumps的区别
2018/03/26 Python
pyqt5 从本地选择图片 并显示在label上的实例
2019/06/13 Python
python fuzzywuzzy模块模糊字符串匹配详细用法
2019/08/29 Python
新手学习Python2和Python3中print不同的用法
2020/06/09 Python
Python爬虫入门教程02之笔趣阁小说爬取
2021/01/24 Python
深入浅析HTML5中的article和section的区别
2018/05/15 HTML / CSS
Hotter Shoes美国官网:英国最受欢迎的舒适鞋
2018/08/02 全球购物
写出SQL四条最基本的数据操作语句(DML)
2012/12/12 面试题
医学毕业生自荐信
2013/10/11 职场文书
门卫工作岗位职责
2013/12/17 职场文书
优秀员工表扬信
2014/01/17 职场文书
运动会广播稿400字
2014/01/25 职场文书
治庸问责心得体会
2014/09/12 职场文书
2014年重阳节老干部座谈会上的讲话稿
2014/09/25 职场文书
模范班主任事迹材料
2014/12/17 职场文书
签字仪式主持词
2015/07/03 职场文书
七年级思品教学反思
2016/02/20 职场文书
详解PHP服务器如何在有限的资源里最大提升并发能力
2021/05/25 PHP