jQuery 自定义事件以及命名空间
<html lang="en">
<head>
<meta charset="UTF-8" />
<script type="text/javascript" src="">script>
<title>Documenttitle>
<style type="text/css">
.main {
width: 200px;
height: 200px;
border: 1px solid red;
background: green;
}
.add {
background: red;
}
style>
<script type="text/javascript">
$(function() {
$(".clk").on('haha', function() {
$(".main").toggleClass('add');
});
setInterval(function() {
$(".clk").trigger('haha');
},1000);
})
script>
head>
<body>
<div class="main">div>
<button class="clk">clickbutton>
body>
html>
事件是 Web 应用中不可或缺的一个东西，用户在应用中执行一个操作的时候，比如鼠标单击时要触发执行一些事情，就可以给该事件绑定一个事件处理程序(event handler)。使用 jQuery 的 .on() 方法可以为选中的元素绑定任意的 DOM 事件，并添加事件处理程序。假设有如下 HTML 结构：
html>
<html lang="en">
<head>
<meta charset="utf-8">
head>
<body>
<button id="example" type="button">Click me!button>
<script src="http://code.jquery.com/jquery-1.11.2.js">script>
<script>
// code here
script>
body>
html> 在