jQuery 事件 - bind() 方法
定义和用法
bind() 方法为被选元素添加一个或多个事件处理程序,并规定事件发生时运行的函数。
实例1(一个事件)
记得把js引用地址换掉
当点击鼠标时,隐藏或显示 p 元素:
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").bind("click",function(){
$("p").slideToggle();
});
});
</script>
</head>
<body>
<p>This is a paragraph.</p>
<button>请点击这里</button>
</body>
</html>
实例2(三个事件)
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").bind({
click:function(){$("p").slideToggle();},
mouseover:function(){$("body").css("background-color","red");},
mouseout:function(){$("body").css("background-color","#FFFFFF");}
});
});
</script>
</head>
<body>
<p>This is a paragraph.</p>
<button>请点击这里</button>
</body>
</html>
最新文章
- Java Security:keytool工具使用说明
- ios 把已经点击过的UILocalNotification 从系统的通知中心现实中移除
- HTTP路由
- overlay-2
- 自动将每日的日志增量导入到hive中
- Android核心分析之十九电话系统之GSMCallTacker
- Java Web编程的主要组件技术——JSP
- Delphi- 一些H8记录
- Python属性、方法和类管理系列之----元类
- [转] 用Maven搭建多模块企业级项目
- 【Little Demo】左右按钮tab选项卡双切换
- Scala数据类型的继承结构
- MySQL mysqldump 数据备份
- python3模块: requests
- C#基础篇四数组
- SpringCloud微服务架构第三篇
- 验证码识别 图像降噪 Python (一)
- java IO切割流合并流
- 二叉树的LCA(最近公共祖先)算法
- java io简单使用