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 事件队列调整方法
Sep 18 Javascript
javascript 跳转代码集合
Dec 03 Javascript
使用js画图之画切线
Jan 12 Javascript
JS表格组件BootstrapTable行内编辑解决方案x-editable
Sep 01 Javascript
JavaScript模板引擎Template.js使用详解
Dec 15 Javascript
使用原生js封装的ajax实例(兼容jsonp)
Oct 12 Javascript
javascript实现QQ空间相册展示源码
Dec 12 Javascript
AngularJS select加载数据选中默认值的方法
Feb 28 Javascript
浅谈KOA2 Restful方式路由初探
Mar 14 Javascript
js实现旋转的星空效果
Nov 01 Javascript
如何在面试中手写出javascript节流和防抖函数
Oct 22 Javascript
微信小程序实现锚点跳转
Nov 23 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
2020年4月新番动漫目录 官方宣布4月播出的作品一览
2020/03/08 日漫
Ajax PHP分页演示
2007/01/02 PHP
如何在PHP程序中防止盗链
2008/04/09 PHP
Laravel框架路由设置与使用示例
2018/06/12 PHP
laravel框架学习笔记之组件化开发实现方法
2020/02/01 PHP
Web层改进II-用xmlhttp 无声息提交复杂表单
2007/01/22 Javascript
利用location.hash实现跨域iframe自适应
2010/05/04 Javascript
JavaScript中为元素加上name属性的方法
2011/05/09 Javascript
JavaScript 判断日期格式是否正确的实现代码
2011/07/04 Javascript
浅析javascript中function 的 length 属性
2014/05/27 Javascript
JavaScript动态改变HTML页面元素例如添加或删除
2014/08/10 Javascript
我用的一些Node.js开发工具、开发包、框架等总结
2014/09/25 Javascript
Javascript中For In语句用法实例
2015/05/14 Javascript
详解JavaScript中的构造器Constructor模式
2016/01/14 Javascript
AngularJS实现星星等级评分功能
2016/09/24 Javascript
详解获取jq ul第一个li定位的四种解决方案
2016/11/23 Javascript
AngularJS中$injector、$rootScope和$scope的概念和关联关系深入分析
2017/01/19 Javascript
cocos creator Touch事件应用(触控选择多个子节点的实例)
2017/09/10 Javascript
Vue入门之数据绑定(小结)
2018/01/08 Javascript
解决Vue2.0 watch对象属性变化监听不到的问题
2018/09/11 Javascript
jquery拖拽自动排序插件使用方法详解
2020/07/20 jQuery
JS实现求字符串中出现最多次数的字符和次数示例
2019/07/05 Javascript
微信小程序在其他页面监听globalData中值的变化
2019/07/15 Javascript
vue实现拖拽的简单案例 不超出可视区域
2019/07/25 Javascript
公众号SVG动画交互实战代码
2020/05/31 Javascript
Python Tkinter简单布局实例教程
2014/09/03 Python
简单介绍Python的Django框架的dj-scaffold项目
2015/05/30 Python
Python字符串中删除特定字符的方法
2020/01/15 Python
python闭包、深浅拷贝、垃圾回收、with语句知识点汇总
2020/03/11 Python
Python 求向量的余弦值操作
2021/03/04 Python
CSS3解决移动页面上点击链接触发色块的问题
2016/06/03 HTML / CSS
岗位竞聘演讲稿范文
2014/04/24 职场文书
党支部综合考察材料
2014/05/19 职场文书
项目合作意向书模板
2014/07/29 职场文书
医药销售自我评价200字
2014/09/11 职场文书
党员批评与自我批评
2014/10/15 职场文书