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 的方法重载效果
Aug 07 Javascript
jQuery新闻滚动插件 jquery.roller.js
Jun 27 Javascript
js写出遮罩层登陆框和对联广告并自动跟随滚动条滚动
Apr 29 Javascript
jQuery ui 利用 datepicker插件实现开始日期(minDate)和结束日期(maxDate)
May 22 Javascript
Node.js实现数据推送
Apr 14 Javascript
Javascript json object 与string 相互转换的简单实现
Sep 27 Javascript
vue中如何动态绑定图片,vue中通过data返回图片路径的方法
Feb 07 Javascript
通过一次报错详细谈谈Point事件
May 17 Javascript
JavaScript中引用vs复制示例详析
Dec 06 Javascript
JS实现checkbox互斥(单选)功能示例
May 04 Javascript
小程序Scroll-view上拉滚动刷新数据
Jun 21 Javascript
vue-resource 拦截器interceptors使用详解
Jan 18 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中文本数据翻页(留言本翻页)
2006/10/09 PHP
php文章内容分页并生成相应的htm静态页面代码
2010/06/07 PHP
开启PHP Static 关键字之旅模式
2015/11/13 PHP
深入理解PHP JSON数组与对象
2016/07/19 PHP
phpmyadmin下载、安装、配置教程
2017/05/16 PHP
新手入门常用代码集锦
2007/01/11 Javascript
ASP.NET jQuery 实例4(复制TextBox的文本到本地剪贴板上)
2012/01/13 Javascript
javascript右下角弹层及自动隐藏(自己编写)
2013/11/20 Javascript
浅谈Javascript 执行顺序
2013/12/18 Javascript
js加入收藏以及使用Jquery更改透明度
2014/01/26 Javascript
用JavaScript实现用一个DIV来包装文本元素节点
2014/09/09 Javascript
在JavaScript中处理数组之reverse()方法的使用
2015/06/09 Javascript
js实现商品抛物线加入购物车特效
2020/11/18 Javascript
基于jQuery实现点击列表加载更多效果
2016/05/31 Javascript
浅谈js中调用函数时加不加括号的问题
2016/07/28 Javascript
js插件Jcrop自定义截取图片功能
2016/10/14 Javascript
ES6 javascript中class类的get与set用法实例分析
2017/10/30 Javascript
详解Vue底部导航栏组件
2019/05/02 Javascript
nodejs对项目下所有空文件夹创建gitkeep的方法
2019/08/02 NodeJs
vue3.0中使用postcss-pxtorem的具体方法
2019/11/20 Javascript
[01:14:41]DOTA2-DPC中国联赛定级赛 iG vs Magma BO3第一场 1月8日
2021/03/11 DOTA
Python配置mysql的教程(推荐)
2017/10/13 Python
基于Django框架利用Ajax实现点赞功能实例代码
2018/08/19 Python
攻击者是如何将PHP Phar包伪装成图像以绕过文件类型检测的(推荐)
2018/10/11 Python
python通过paramiko复制远程文件及文件目录到本地
2019/04/30 Python
基于python实现复制文件并重命名
2020/09/16 Python
html5 Canvas画图教程(3)—canvas出现1像素线条模糊不清的原因
2013/01/09 HTML / CSS
Web前端页面跳转并取到值
2017/04/24 HTML / CSS
企业办公室岗位职责
2014/03/12 职场文书
市场推广策划方案
2014/06/02 职场文书
三月学雷锋活动总结
2014/06/26 职场文书
工作说明书格式
2014/07/29 职场文书
井冈山红色之旅感想
2014/10/07 职场文书
2014年中学生检讨书大全
2014/10/09 职场文书
幼儿教师辞职信范文
2015/03/02 职场文书
ubuntu开机后ROS程序自启动问题
2022/12/24 Servers