Jquery 事件绑定---动态绑定和静态绑定

Jquery 事件绑定---动态绑定和静态绑定

1.静态元素绑定：

方法一：

$('#btn_submit').click(function(){


});

方法二：直接在button标签中使用onclick绑定

<button type="submit" id="btn_submit" onclick="btnAction()"> submit </button>

方法三：使用bind函数

$('#btn').bind("click",function(){

    dosomething();

})

方法四：使用on函数

$('#btn').on("click",function(){

    dosomething();

})

动态元素绑定：

1.例子1：

   $("table").on("click","input[name='result']",function(){
        var len = $(this).parent().siblings().children("input").attr("checked",false);
        $(this).attr("checked",true);
   });

注意：#btn是动态后添加进去的，#datatable必须是页面中本有的，是静态的，且#btn在#datatable范围内

2.例子2：

 $("table").on("click","input[name='result']",function(){
      var len = $(this).parent().siblings().children("input").attr("checked",false);
      $(this).attr("checked",true);
        
 });

$('table') 是页面已经存在的。

$('input[name='result']')是动态加载的元素。

绑定点击事件。