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 Validate表单验证插件 添加class属性形式的校验
Jan 18 Javascript
jQuery Tags Input Plugin(添加/删除标签插件)详解
Jun 20 Javascript
js css实现垂直方向自适应的三角提示菜单
Jun 26 Javascript
JavaScript算法系列之快速排序(Quicksort)算法实例详解
Sep 04 Javascript
微信小程序开发探究
Dec 27 Javascript
基于canvas的二维码邀请函生成插件
Feb 14 Javascript
JS实现的模仿QQ头像资料卡显示与隐藏效果
Apr 07 Javascript
vue2.0父子组件间通信的实现方法
Apr 19 Javascript
初探js和简单隐藏效果的实例
Nov 23 Javascript
node.js读取Excel数据(下载图片)的方法示例
Aug 02 Javascript
微信小程序实现收藏与取消收藏切换图片功能
Aug 03 Javascript
vue服务端渲染页面缓存和组件缓存的实例详解
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判断输入不超过mysql的varchar字段的长度范围
2011/06/24 PHP
PHP和Mysqlweb应用开发核心技术 第1部分 Php基础-1 开始了解php
2011/07/03 PHP
PHP 字符串正则替换函数preg_replace使用说明
2011/07/15 PHP
记录PHP错误日志 display_errors与log_errors的区别
2012/10/09 PHP
基于session_unset与session_destroy的区别详解
2013/06/03 PHP
php无限分类且支持输出树状图的详细介绍
2013/06/19 PHP
ThinkPHP3.1之D方法实例详解
2014/06/20 PHP
Yii中使用PHPExcel导出Excel的方法
2014/12/26 PHP
php计划任务之ignore_user_abort函数实现方法
2015/01/08 PHP
PHP实现数组根据某个单元字段排序操作示例
2018/08/01 PHP
关于PHP虚拟主机概念及如何选择稳定的PHP虚拟主机
2018/11/20 PHP
JQuery从头学起第二讲
2010/07/04 Javascript
防止页面被iframe(兼容IE,Firefox火狐)
2010/07/04 Javascript
基于jquery实现的鼠标拖拽元素复制并写入效果
2011/08/23 Javascript
js屏蔽鼠标键盘(右键/Ctrl+N/Shift+F10/F11/F5刷新/退格键)
2013/01/24 Javascript
使用js判断控件是否获得焦点
2014/01/03 Javascript
jQuery控制TR显示隐藏的几种方法
2014/06/18 Javascript
18个非常棒的jQuery代码片段
2015/11/02 Javascript
javascript每日必学之继承
2016/02/23 Javascript
微信小程序 UI布局常用技巧整理总结
2016/12/05 Javascript
Node.js的Mongodb使用实例
2016/12/30 Javascript
利用node.js搭建简单web服务器的方法教程
2017/02/20 Javascript
vue 自定义全局方法,在组件里面的使用介绍
2018/02/28 Javascript
Vue实现按钮旋转和移动位置的实例代码
2018/08/09 Javascript
解决在layer.open中使用时间控件laydate失败的问题
2019/09/11 Javascript
python用户管理系统的实例讲解
2017/12/23 Python
通过Py2exe将自己的python程序打包成.exe/.app的方法
2018/05/26 Python
如何使用Python实现斐波那契数列
2019/07/02 Python
Python hashlib模块的使用示例
2020/10/09 Python
Parts Express:音频、视频和扬声器的第一来源
2017/04/25 全球购物
美国在线眼镜商城:Eyeglasses.com
2017/06/26 全球购物
菲律宾优惠券网站:MetroDeal
2019/04/12 全球购物
教师师德教育的自我评价
2013/10/31 职场文书
夜大自我鉴定
2013/10/31 职场文书
KVM基础命令详解
2022/04/30 Servers
java中如何截取字符串最后一位
2022/07/07 Java/Android