jQuery的动态绑定事件的应用

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

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

<body>



<div >hello</div>

<input type="text"  />

<input type="button"  />

<input type="button"  />

</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>