Jquery 注册事件
来源:互联网 发布:暖脚宝哪个牌子好 知乎 编辑:程序博客网 时间:2024/05/20 12:23
<!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>
<title>事件绑定</title>
<script src="../js/jquery-1.5.1.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>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>事件绑定</title>
<script src="../js/jquery-1.5.1.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事件注册
- Jquery 注册事件
- JQuery文档注册事件
- JQuery事件注册
- JQuery注册触发自定义事件
- jquery给img注册事件
- jquery click事件注册释疑
- jquery 事件注册 与重复事件处理
- jQuery 事件注册与实时事件
- jquery 中 注册鼠标右键单击事件
- jquery 中 注册鼠标右键单击事件
- jquery遍历ul注册click事件
- 模仿jquery的注册事件方法
- 注意jquery中事件的注册 覆盖
- jquery 动态注册事件 --动态添加事件
- javascript中用Jquery注册button的click事件不能响应
- jQuery基础教程之如何注册以及触发自定义事件
- activity has leaked window
- ADS1.2使用详解
- java 同步块(Java Synchronized Blocks)
- 【GBT28181开发:SIP协议实践】之注册流程
- android制作圆角图片和图片倒影
- Jquery 注册事件
- struts2 convention配置中常见配置选项及说明
- [geeks]Floor and Ceil from a BST
- 【认证系统】win7主题下载
- 康凯特脚本编辑工具简要说明(图解)
- Android Fragments详解【1】
- android Fragments详解【2】
- Sumblime Text 2 常用插件以及安装方法
- 【转】53个提高php效率的小细节--值得一看