首页 > > 网络编程 > Php编程 >

jQuery的动态绑定事件的应用

2018-06-22 05:11:35来源：未知阅读 ()

注意：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>

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有