编程 Javascript

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程序设计有所帮助。

jQuery中mouseover事件用法实例

- Author -

shichen2014

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

JQuery入门——移除绑定事件unbind方法概述及应用

Feb 05 Javascript

js无刷新操作table的行和列

Mar 27 Javascript

js父页面与子页面不同时显示的方法

Oct 16 Javascript

jQuery实现固定在网页顶部的菜单效果代码

Sep 02 Javascript

js友好的时间返回函数

Aug 24 Javascript

Angular2开发——组件规划篇

Mar 28 Javascript

客户端（vue框架）与服务器（koa框架）通信及服务器跨域配置详解

Aug 26 Javascript

vue 项目常用加载器及配置详解

Jan 22 Javascript

Vue.js实现的表格增加删除demo示例

May 22 Javascript

JavaScript使用享元模式实现文件上传优化操作示例

Aug 07 Javascript

vue单文件组件lint error自动fix与styleLint报错自动fix详解

Jan 08 Javascript

js 实现验证码输入框示例详解

Sep 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