jQuery的动态绑定事件的应用

注意：bind()的事件绑定是只对当前页面选中的元素有效。如果你想对动态创建的元素bind()事件，是没有办法达到效果的

<script src="jquery-1.11.2.min.js"></script>

</head>

<body>

<div id="aa" style="width:100px; height:100px; background-color:#F93">hello</div>

<input type="text" id="bd" />

<input type="button" id="btn1" value="挂事件" />

<input type="button" id="btn2" value="移除事件" />

</body>

静态的加事件：$("#aa").click(function(){ })

接下来就是我们要讲的挂事件，即绑定动态事件，移除事件等

//静态的加事件

/*$("#aa").click(function(){

	})*/

//挂事件（动态绑定事件）

$("#btn1").click(function(){

		//给DIV绑定事件

		$("#aa").bind("click",function(){

				alert("div点击了");

			});

	})

//移除事件

$("#btn2").click(function(){

		//把DIV里面的事件移除掉

		$("#aa").unbind("click");

	})

//事件数据

//事件源

$("#aa").keydown(function(e){

		alert(e.keyCode);

	})

//JSON  名称/值对包括字段名称（在双引号中），后面写一个冒号，然后是值

//$arr = array("one"=>"111")

var j = {

	"one":"11111",

	"two":"22222",

	"three":"333333",

	"four":{"aa":"44411"}

	};

//alert(j["two"]); //数组的取值方式

//alert(j.two); //点语法

//alert(j.four.aa);

//遍历

for(var k in j)

{

	alert(j[k]);

}

</script>

秒客网

jQuery的动态绑定事件的应用

相关文章