首页 > 代码库 > body click的绑定与元素click的绑定
body click的绑定与元素click的绑定
1、通常使用jQuery绑定click如下：
$(‘div.class‘).on(‘click‘,function(){ ......})
此种方式无法绑定动态新增的元素，如：
$(‘div.demo‘).on(‘click‘,function(){ $(this).removeClass(‘demo‘); //A $(this).siblings().addClass(‘demo‘);})
元素A移除class.demo，他的兄弟节点添加class.demo，按理他的兄弟节点添加class后也绑定了click事件，可并非如此
解决方案：
$(‘body‘).on(‘click‘,‘div.demo‘,function(){ $(this).removeClass(‘demo‘); $(this).siblings().addClass(‘demo‘);})
绑定body，然后传入元素参数，可绑定动态添加的元素。
另外在重新初始化数据后（如搜索查找更新），为防止click多次触发，先接触绑定
$(‘body‘).off(‘click‘);$(‘body‘).off(‘keypress‘);...
body click的绑定与元素click的绑定
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。