jQuery的动态绑定事件的应用

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

新老客户大回馈,云服务器低至5折

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

<script type="text/javascript">

静态的加事件:$("#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
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:php学习目录

下一篇:分页问题