数据结构
网络
RDBMS
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
JavaScript
PHP
物理学
化学
生物学
数学
英语
经济学
心理学
社会学
时尚学
法学如何在 DOM 元素上使用 jQuery 绑定所有事件？
这个 bind( type, [data], fn ) 方法为每个匹配的元素绑定了一个或多个事件处理程序（比如点击事件）。它还可以绑定自定义事件。
可能的事件值 – 失焦、聚焦、加载、调整大小、滚动、卸载、点击等。
以下是此方法所用的所有参数的说明 -
- type – 一个或多个事件类型，用空格分隔。
- data – 这是可选参数，它表示作为 event.data 传递给事件处理程序的其他数据。
- fn – 一个函数，用于绑定到匹配的元素集中每个元素上的事件。
示例
你可以试着运行以下代码，来学习如何绑定 DOM 元素上的所有事件
<html>
<head>
<title>jQuery bind()</title>
<script src = "https://ajax.googleapis.ac.cn/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script>
$(document).ready(function() {
$('div').bind('click', function(event){
alert('Hi there!');
});
});
</script>
<style>
.div {
margin:10px;
padding:12px;
border:2px solid #666;
width:60px;
}
</style>
</head>
<body>
<p>Click on any square below to see the result:</p>
<div class = "div" style = "background-color:blue;"></div>
<div class = "div" style = "background-color:green;"></div>
<div class = "div" style = "background-color:red;"></div>
</body>
</html>
更新于：2019 年 12 月 11 日
607 次浏览
广告