Jquery注册事件实现方法
更新时间：2015年05月18日 15:30:39 作者：永远爱好写程序
这篇文章主要介绍了Jquery注册事件实现方法,以实例形式分析了jQuery实现按钮注册鼠标事件的相关技巧,非常简单实用,需要的朋友可以参考下
本文实例讲述了Jquery注册事件实现方法。分享给大家供大家参考。具体如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>事件绑定</title>
<script src="jquery-1.6.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
var oldColor;
$(function () {
//注册ID为btnTest的按钮的click事件
$("#btnTest").click(function () {
var $divs = $("div");
$divs.html("我是修改后的Div文本");
});
//注册ID为btnTest的按钮的mouseover事件,鼠标经过时添加背景色
$("#btnTest").mouseover(function () {
oldColor = $("#btnTest").css("background-color");
$("#btnTest").css("background-color", "green");
});
//注册ID为btnTest的按钮的mouseout事件,鼠标离开时还原背景色
$("#btnTest").mouseout(function () {
$("#btnTest").css("background-color", oldColor);
});
});
</script>
</head>
<body>
<div id="main">
<div id="div1" class="myDiv">我是div1
<div id="divSun">我是孙子div
<div id="divSunSun">我是孙子的孙子div</div>
</div>
<div id="divSun1">我是孙子div</div>
</div>
<div id="div2" class="myDiv">我是div2</div>
</div>
<div id="main1"></div>
<div id="main2"></div>
<input id="btnTest" type="button" value="测试按钮" />
<div id="main3"></div>
</body>
</html>
希望本文所述对大家的jQuery程序设计有所帮助。
相关文章
本文给大家介绍jquery mobile弹出窗、弹出层知识汇总，涉及到jquery mobile弹出相关知识，本文写的非常不错，具有参考借鉴价值，需要的朋友参考下吧2016-01-01
jquery $.each 和for怎么跳出循环终止本次循环
如何在jquery 中的循环中终止本次循环或者跳出循环呢？经搜索发现个不错的方法，大家不妨参考下，希望对大家有所帮助2013-09-09
这篇文章主要介绍了jquery实现图片随机排列的方法,涉及jQuery操作图片的相关技巧,非常具有实用价值,需要的朋友可以参考下2015-05-05
jQuery EasyUI API 中文文档 - DataGrid数据表格
jQuery EasyUI API 中文文档 - DataGrid数据表格使用说明，需要的朋友可以参考下。2011-11-11
这篇文章主要介绍了jQuery实现的网站banner图片无缝轮播效果,结合完整实例形式分析了jQuery结合时间函数实现图片定时轮播切换相关操作技巧,需要的朋友可以参考下2019-01-01
我们通常在执行一次ajax请求过后，需要更新界面上的某些内容，一般通过动态插入dom元素。2010-10-10
想必大家对于jQuery这个最流行的javascript类库都不陌生，而且只要是前端开发人员肯定或多或少的使用或者接触过，在这篇文章中，参考了一些资料及实际使用效率，将介绍一些书写高质量jQuery代码的原则，不单单会告诉你如何去书写，也会告诉你为什么这样书写，希望大家会觉得有所帮助2014-03-03
下面小编就为大家带来一篇Jq通过td获取同行其它列td的方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-10-10
这篇文章主要介绍了常用jQuery选择器总结,总结的很简洁,很容易看明白和学会它,需要的朋友可以参考下2014-07-07
如果在domready之后用js动态添加几行，那新增的几行中的这些按钮都将失去任何作用，下面与大家分享四种解决方法2014-06-06
最新评论