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 学习入门篇附实例代码
Mar 16 Javascript
php上传图片并给图片打上透明水印的代码
Jun 07 Javascript
javascript之典型高阶函数应用介绍二
Jan 10 Javascript
jQuery表格插件ParamQuery简单使用方法示例
Dec 05 Javascript
JQuery的ON()方法支持的所有事件罗列
Feb 28 Javascript
AngularJS模块管理问题的非常规处理方法
Apr 29 Javascript
javascript运算符语法全面概述
Jul 14 Javascript
React入门教程之Hello World以及环境搭建详解
Jul 11 Javascript
JavaScript类的继承方法小结【组合继承分析】
Jul 11 Javascript
详解从vue-loader源码分析CSS Scoped的实现
Sep 23 Javascript
微信小程序连接服务器展示MQTT数据信息的实现
Jul 14 Javascript
浅析JavaScript预编译和暗示全局变量
Sep 03 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的引用详解
2015/02/22 PHP
php连接mysql数据库最简单的实现方法
2019/09/24 PHP
Yii redis集合的基本使用教程
2020/06/14 PHP
Extjs学习笔记之七 布局
2010/01/08 Javascript
js关闭当前页面(窗口)的几种方式总结
2013/03/05 Javascript
jquery内置验证(validate)使用方法示例(表单验证)
2013/12/04 Javascript
js分页代码分享
2014/04/28 Javascript
EasyUi datagrid 实现表格分页
2015/02/10 Javascript
原生JS封装ajax 传json,str,excel文件上传提交表单(推荐)
2016/06/21 Javascript
纯原生js实现table表格的增删
2017/01/05 Javascript
写jQuery插件时的注意点
2017/02/20 Javascript
AngularJS基于factory创建自定义服务的方法详解
2017/05/25 Javascript
vue中本地静态图片路径写法
2018/03/06 Javascript
使用vue的transition完成滑动过渡的示例代码
2018/06/25 Javascript
解决vue路由后界面没有变化,但是链接有的问题
2018/09/01 Javascript
使用Layer组件弹出多个对话框(非嵌套)与关闭及刷新的例子
2019/09/25 Javascript
解决vue使用vant下拉框van-dropdown-item 绑定title值不变问题
2020/08/05 Javascript
vue-cli中实现响应式布局的方法
2021/03/02 Vue.js
[49:31]TFT vs Mski Supermajor小组赛C组 BO3 第一场 6.3
2018/06/04 DOTA
python实现三次样条插值
2018/12/17 Python
利用arcgis的python读取要素的X,Y方法
2018/12/22 Python
Python实现简单层次聚类算法以及可视化
2019/03/18 Python
Django框架模板语言实例小结【变量,标签,过滤器,继承,html转义】
2019/05/23 Python
Python namedtuple命名元组实现过程解析
2020/01/08 Python
Python3使用tesserocr识别字母数字验证码的实现
2021/01/29 Python
美国领先的奢侈手表在线零售商:WatchMaxx
2017/12/17 全球购物
YSL圣罗兰美妆官方旗舰店:购买YSL口红
2018/04/16 全球购物
NBA欧洲商店(英国):NBA Europe Store UK
2018/07/27 全球购物
德国滑雪和户外用品网上商店:XSPO
2019/10/30 全球购物
英国在线玫瑰专家:InterRose
2019/12/01 全球购物
写好自荐信的要点
2013/11/06 职场文书
兼职业务员岗位职责
2014/01/01 职场文书
渡河少年教学反思
2014/02/12 职场文书
女方离婚起诉书
2015/05/18 职场文书
拉贝日记观后感
2015/06/05 职场文书
解决Go gorm踩过的坑
2021/04/30 Golang