Jquery事件绑定实例学习之动态绑定和静态绑定
jquery 事件绑定---动态绑定和静态绑定
1.静态元素绑定:
方法一:
[html] view plain copy
<span style="font-size:14px;">$('#btn_submit').click(function(){
});</span>
方法二:直接在button标签中使用onclick绑定
[html] view plain copy
<span style="font-size:16px;"><button type="submit" id="btn_submit" onclick="btnaction()"> submit </button></span>
方法三:使用bind函数
[html] view plain copy
<span style="font-size:16px;">$('#btn').bind("click",function(){
omething();
})</span>
方法四:使用on函数
[html] view plain copy
<span style="font-size:16px;">$('#btn').on("click",function(){
dosomething();
})
</span>
动态元素绑定:
1.例子1:
[html] view plain copy
$("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']')是动态加载的元素。
绑定点击事件。
推荐阅读
-
jQuery动态生成的元素绑定事件操作实例分析
-
jQuery实现为动态添加的元素绑定事件实例分析
-
jQuery动态添加li标签并添加属性和绑定事件方法
-
jQuery----事件绑定之动态添加、删除table行
-
Jquery事件绑定实例学习之动态绑定和静态绑定
-
JS--JavaScript事件处理基础、事件模型、事件流(冒泡型、捕获型、混合型)、绑定事件(静态绑定和动态绑定)、事件处理函数
-
jQuery动态生成的元素绑定事件操作实例分析
-
jQuery动态添加li标签并添加属性和绑定事件方法
-
PHP 面向对象程序设计(oop)学习笔记 (二) - 静态变量的属性和方法及延迟绑定_php实例
-
jQuery----事件绑定之动态添加、删除table行