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模拟面向对象全解(二、类型与赋值)
Jul 13 Javascript
高性能Javascript笔记 数据的存储与访问性能优化
Aug 02 Javascript
jquery实现table鼠标经过变色代码
Sep 25 Javascript
js去除空格的12种实用方法
Nov 08 Javascript
js对象的复制继承实例
Jan 10 Javascript
jquery编写Tab选项卡滚动导航切换特效
Jul 17 Javascript
Bootstrap模态框禁用空白处点击关闭
Oct 20 Javascript
WebSocket的通信过程与实现方法详解
Apr 29 Javascript
ng-alain表单使用方式详解
Jul 10 Javascript
axios的拦截请求与响应方法
Aug 11 Javascript
element-ui 中使用upload多文件上传只请求一次接口
Jul 19 Javascript
详解实现vue的数据响应式原理
Jan 20 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批量删除、清除UTF-8文件BOM头的代码实例
2014/04/14 PHP
laravel 框架结合关联查询 when()用法分析
2019/11/22 PHP
分析Node.js connect ECONNREFUSED错误
2013/04/09 Javascript
iframe子页面与父页面在同域或不同域下的js通信
2014/05/07 Javascript
javascript原生和jquery库实现iframe自适应高度和宽度
2014/07/18 Javascript
限制复选框最多选择项的实现代码
2016/05/30 Javascript
js用类封装pop弹窗组件
2017/10/08 Javascript
JavaScript 九种跨域方式实现原理
2019/02/11 Javascript
vscode配置vue下的es6规范自动格式化详解
2019/03/20 Javascript
Webpack中loader打包各种文件的方法实例
2019/09/03 Javascript
vue深度监听(监听对象和数组的改变)与立即执行监听实例
2020/09/04 Javascript
基于ant design日期控件使用_仅月份的操作
2020/10/27 Javascript
详解React中共享组件逻辑的三种方式
2021/02/02 Javascript
[03:37]2016完美“圣”典 风云人物:Mikasa专访
2016/12/07 DOTA
scrapy爬虫实例分享
2017/12/28 Python
浅析Python数据处理
2018/05/02 Python
python 用正则表达式筛选文本信息的实例
2018/06/05 Python
python_opencv用线段画封闭矩形的实例
2018/12/05 Python
详解Python中正则匹配TAB及空格的小技巧
2019/07/26 Python
python代码实现逻辑回归logistic原理
2019/08/07 Python
Python3 实现减少可调用对象的参数个数
2019/12/20 Python
Python sys模块常用方法解析
2020/02/20 Python
Python 找出英文单词列表(list)中最长单词链
2020/12/14 Python
关于HTML5的22个初级技巧(图文教程)
2012/06/21 HTML / CSS
德国购买健身器材:AsVIVA
2017/08/09 全球购物
汽车工程专业应届生求职信
2013/10/19 职场文书
传播学专业毕业生自荐信
2013/11/04 职场文书
乌鸦喝水教学反思
2014/02/07 职场文书
党委班子对照检查材料
2014/08/19 职场文书
关于感恩的演讲稿400字
2014/08/26 职场文书
党委书记个人对照检查材料
2014/09/15 职场文书
工作失误检讨书范文
2015/01/26 职场文书
2016年父亲节寄语
2015/12/04 职场文书
MySQL中VARCHAR与CHAR格式数据的区别
2021/05/26 MySQL
mysql 乱码 字符集latin1转UTF8
2022/04/19 MySQL
i5-10400f处理相当于i7多少水平
2022/04/19 数码科技