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发布错误的详细介绍
Aug 02 Javascript
JS(JQuery)操作Array的相关方法介绍
Feb 11 Javascript
AngularJS中如何使用$http对MongoLab数据表进行增删改查
Jan 23 Javascript
AngularJs 60分钟入门基础教程
Apr 03 Javascript
浅谈js中test()函数在正则中的使用
Aug 19 Javascript
AngularJS中的DOM操作用法分析
Nov 04 Javascript
jQuery实现动态控制页面元素的方法分析
Dec 20 jQuery
Vue 动态设置路由参数的案例分析
Apr 24 Javascript
浅谈webpack4 图片处理汇总
Sep 12 Javascript
Vue常见面试题整理【值得收藏】
Sep 20 Javascript
JS实现的检验身份证格式并输出出生日期,年龄,性别,出生地示例
May 17 Javascript
node 标准输入流和输出流代码实例
Sep 19 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编程最快明白》第八讲:php启发和小结
2010/11/01 PHP
PHP 代码规范小结
2012/03/08 PHP
php实现无限级分类
2014/12/24 PHP
PHP中的流(streams)浅析
2015/07/02 PHP
thinkphp分页实现效果
2016/10/13 PHP
jQuery拖拽 &amp; 弹出层 介绍与示例
2013/12/27 Javascript
js类式继承的具体实现方法
2013/12/31 Javascript
AngularJS入门教程之Hello World!
2014/12/06 Javascript
JS中的二叉树遍历详解
2016/03/18 Javascript
js 实现数值的千分位及保存小数方法(推荐)
2016/08/01 Javascript
浅析 NodeJs 的几种文件路径
2017/06/07 NodeJs
微信小程序开发之实现自定义Toast弹框
2017/06/08 Javascript
解决bootstrap下拉菜单点击立即隐藏bug的方法
2017/06/13 Javascript
详解HTTPS 的原理和 NodeJS 的实现
2017/07/04 NodeJs
使用JavaScript根据图片获取条形码的方法
2017/07/04 Javascript
基于webpack4.X从零搭建React脚手架的方法步骤
2018/12/23 Javascript
通过扫小程序码实现网站登陆功能
2019/08/22 Javascript
python中global用法实例分析
2015/04/30 Python
pycharm设置注释颜色的方法
2018/05/23 Python
使用Python实现微信提醒备忘录功能
2018/12/04 Python
Python二进制文件读取并转换为浮点数详解
2019/06/25 Python
django和vue实现数据交互的方法
2019/08/21 Python
python 实现矩阵填充0的例子
2019/11/29 Python
python实现密度聚类(模板代码+sklearn代码)
2020/04/27 Python
Python 如何调试程序崩溃错误
2020/08/03 Python
python输出国际象棋棋盘的实例分享
2020/11/26 Python
pycharm 复制代码出现空格的解决方式
2021/01/15 Python
世界领先的高品质定制产品平台:Zazzle
2017/07/23 全球购物
西班牙土拨鼠床垫公司,感觉在云端:Marmota
2019/03/18 全球购物
2014年计生标语
2014/06/23 职场文书
办理房产证委托书
2014/09/18 职场文书
军训结束新闻稿
2015/07/17 职场文书
element多个表单校验的实现
2021/05/27 Javascript
Springboot配置suffix指定mvc视图的后缀方法
2021/07/03 Java/Android
virtualenv隔离Python环境的问题解析
2022/06/21 Python
Android实现图片九宫格
2022/06/28 Java/Android