事件绑定 

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="jquery-1.9.0.min.js" ></script> 
<!-- http://www.jb51.net/article/120018.htm  Jquery中.bind()、.live()、.delegate()和.on()之间的区别详解 -->
<script type="text/javascript">

$(function(){
    $("#name1").bind('click',function(){
        //alert($("#name1").val("2"));
        //$("#name1").attr("value","3");
    })
    
    
    $("#name2").bind('click',action);
    function action(){
        alert($("#name2").val("2"));
    }
    
    
    document.getElementById("name3").addEventListener('click',function(){
        $("#name3").val("33");
    },false)
    
    //与JQuery冲突
    document.getElementById("name4").attachEvent("onclick",function(){
        $("#name4").val("44");
    })
    
});

</script>
</head>
<body>
<input  id="name1" name="name1"   value="value1" />
<input  id="name2" name="name2"   value="value2" />
<input  id="name3" name="name3"   value="name3" />
<input  id="name4" name="name4"   value="name4" />
</body>
</html>

 

posted @ 2018-05-29 15:22  aLa神灯  阅读(137)  评论(0)    收藏  举报