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 相关文章推荐
JavaScript 拖拉缩放效果
Dec 10 Javascript
JS控制一个DIV层在指定时间内消失的方法
Feb 17 Javascript
Node.js实现简单聊天服务器
Jun 20 Javascript
JQuery中attr方法和removeAttr方法用法实例
May 18 Javascript
jQGrid Table操作列中点击【操作】按钮弹出按钮层的实现代码
Dec 05 Javascript
jQuery实现最简单实用的分秒倒计时
Feb 05 Javascript
详解vue中引入stylus及报错解决方法
Sep 22 Javascript
javascript数组定义的几种方法
Oct 06 Javascript
微信小程序 上传头像的实例详解
Oct 27 Javascript
Angular 项目实现国际化的方法
Jan 08 Javascript
Vue循环中多个input绑定指定v-model实例
Aug 31 Javascript
Vue的过滤器你真了解吗
Feb 24 Vue.js
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设计模式 Adapter(适配器模式)
2011/06/26 PHP
PHP面向对象三大特点学习(充分理解抽象、封装、继承、多态)
2012/05/07 PHP
PHP实现的json类实例
2015/07/28 PHP
JavaScript 学习小结(适合新手参考)
2009/07/30 Javascript
不用锚点也可以平滑滚动到页面的指定位置实现代码
2013/05/08 Javascript
avascript中的自执行匿名函数应用示例
2014/09/15 Javascript
原生JS和JQuery动态添加、删除表格行的方法
2015/05/28 Javascript
jQuery插件EasyUI实现Layout框架页面中弹出窗体到最顶层效果(穿越iframe)
2016/08/05 Javascript
Nodejs 搭建简单的Web服务器详解及实例
2016/11/30 NodeJs
JS中用childNodes获取子元素换行会产生一个子元素
2016/12/08 Javascript
JS正则表达式判断有效数实例代码
2017/03/13 Javascript
JQuery实现图片轮播效果
2017/05/08 jQuery
js中DOM事件绑定分析
2018/03/18 Javascript
详解vue-cli 本地开发mock数据使用方法
2018/05/29 Javascript
详解Vue-cli中的静态资源管理(src/assets和static/的区别)
2018/06/19 Javascript
封装微信小程序http拦截器过程解析
2019/08/13 Javascript
Postman动态获取返回值过程详解
2020/06/30 Javascript
Vue路由 重定向和别名的区别说明
2020/09/09 Javascript
Vue实现手机号、验证码登录(60s禁用倒计时)
2020/12/19 Vue.js
JavaScript的一些小技巧分享
2021/01/06 Javascript
[42:24]完美世界DOTA2联赛PWL S2 LBZS vs FTD.C 第三场 11.27
2020/12/01 DOTA
[01:09:16]DOTA2-DPC中国联赛 正赛 SAG vs Dynasty BO3 第一场 1月25日
2021/03/11 DOTA
Linux下用Python脚本监控目录变化代码分享
2015/05/21 Python
详解Python中contextlib上下文管理模块的用法
2016/06/28 Python
python接口调用已训练好的caffe模型测试分类方法
2019/08/26 Python
你应该知道的Python3.6、3.7、3.8新特性小结
2020/05/12 Python
详解python 条件语句和while循环的实例代码
2020/12/28 Python
CSS实现圆形放大镜狙击镜效果 只有圆圈里的放大
2012/12/10 HTML / CSS
解析HTML5中的新功能本地存储localStorage
2016/03/01 HTML / CSS
西班牙汉普顿小姐:购买帆布鞋和太阳镜
2016/10/23 全球购物
Hoka One One法国官网:美国专业跑鞋品牌
2018/12/29 全球购物
Fanatics官网:运动服装、球衣、运动装备
2020/10/12 全球购物
社区党务公开实施方案
2014/03/18 职场文书
科学发展观演讲稿
2014/09/11 职场文书
修改MySQL的数据库引擎为INNODB的方法
2021/05/26 MySQL
SQL Server中锁的用法
2022/05/20 SQL Server