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 相关文章推荐
一个很简单的办法实现TD的加亮效果.
Jun 29 Javascript
jQuery中siblings()方法用法实例
Jan 08 Javascript
js实现拖拽效果(构造函数)
Dec 14 Javascript
基于JavaScript实现回到页面顶部动画代码
May 24 Javascript
JS实现弹出居中的模式窗口示例
Jun 20 Javascript
JavaScript计算器网页版实现代码分享
Jul 15 Javascript
最实用的jQuery分页插件
Oct 09 Javascript
JS中检测数据类型的几种方式及优缺点小结
Dec 12 Javascript
jQuery实现锚点向下平滑滚动特效示例
Aug 29 jQuery
基于Vue2.0+ElementUI实现表格翻页功能
Oct 23 Javascript
swiper Scrollbar滚动条组件详解
Sep 08 Javascript
vue treeselect获取当前选中项的label实例
Aug 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
require(),include(),require_once()和include_once()区别
2008/03/27 PHP
PHP实现文件下载详解
2014/11/27 PHP
php创建session的方法实例详解
2015/01/27 PHP
Laravel 在views中加载公共页面的实现代码
2019/10/22 PHP
JavaScript 参考教程
2006/12/29 Javascript
推荐一些非常不错的javascript学习资源站点
2007/08/29 Javascript
js实现弹出窗口、页面变成灰色并不可操作的例子分享
2014/05/10 Javascript
JavaScript判断textarea值是否为空并给出相应提示
2014/09/04 Javascript
javascript限制用户只能输汉字中文的方法
2014/11/20 Javascript
js实现下拉框选择要显示图片的方法
2015/02/16 Javascript
js 判断所选时间(或者当前时间)是否在某一时间段的实现代码
2015/09/05 Javascript
js显示当前日期时间和星期几
2015/10/22 Javascript
js 获取当前web应用的上下文路径实现方法
2016/08/19 Javascript
jQuery中实现prop()函数控制多选框(全选,反选)
2016/08/19 Javascript
微信小程序 122100版本更新问题解决方案
2016/12/22 Javascript
微信小程序新手教程之页面打开数量限制
2019/03/03 Javascript
微信小程序在其他页面监听globalData中值的变化
2019/07/15 Javascript
VUE 解决mode为history页面为空白的问题
2019/11/01 Javascript
js实现单元格拖拽效果
2020/02/10 Javascript
js通过canvas生成图片缩略图
2020/10/02 Javascript
[02:23]1个至宝=115个英雄特效 最“绿”至宝拉比克“魔导师密钥”登场
2018/12/29 DOTA
python实现多线程的方式及多条命令并发执行
2016/06/07 Python
对pandas进行数据预处理的实例讲解
2018/04/20 Python
python2.7和NLTK安装详细教程
2018/09/19 Python
Python检查图片是否损坏及图片类型是否正确过程详解
2019/09/30 Python
python从PDF中提取数据的示例
2020/10/30 Python
使用OpenCV校准鱼眼镜头的方法
2020/11/26 Python
python自动打开浏览器下载zip并提取内容写入excel
2021/01/04 Python
aec加密 php_php aes加密解密类(兼容php5、php7)
2021/03/14 PHP
马来西亚在线药房:RoyalePharma
2019/12/01 全球购物
IT工程师岗位职责
2014/07/04 职场文书
工伤事故赔偿协议书范文
2014/09/24 职场文书
酒店工程部岗位职责
2015/02/12 职场文书
商场圣诞节活动总结
2015/05/06 职场文书
党性教育心得体会(共6篇)
2016/01/21 职场文书
python3美化表格数据输出结果的实现代码
2021/04/14 Python