zoukankan      html  css  js  c++  java
  • jQuery的动态绑定事件的应用

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

    <script src="jquery-1.11.2.min.js"></script>
    </head>
    
    <body>
    
    
    
    <div id="aa" style="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>

  • 相关阅读:
    typescript中的类型兼容性
    typescript中使用泛型
    分数的乘法逆元和负数的取模运算
    pip2 install protobuf==2.6.1
    git使用代理
    Mount error(5):Input/output error on mount
    cmake 学习笔记(一)
    cmake --help
    ImportError: dynamic module does not define init function (initcaffe)
    docker
  • 原文地址:https://www.cnblogs.com/li1056822533/p/6527151.html
Copyright © 2011-2022 走看看