(div里有input 的时候)JQ为什么给div添加类没有效果呢???

直接上代码

<div>
    <input type="checkbox" value="" />
</div>

　　现在我想点击div给他添加一个类名,修改div样式,并且点击div的时候给checkbox绑定点击事件

$('div').click(function(){
        $('div').removeClass('current');
        $(this).addClass('current');
　　　　 $(this).find('input').click();

　 })

　　这样写很正确,但是你会发现没有效果,

　　那是因为input的点击事件阻止了父元素的点击事件,或者说点击div添加类已经执行,但是点击input的时候div又执行了一次点击事件,所以类名又清除了

　　辣么,我们就要禁止input冒泡,

　　简单方便快捷

$('input').click(function(event) {
      event.stopPropagation();
 });//阻止

辣么,我的问题就解决了　

是不是说的太不专业了O(∩_∩)O哈哈~

  没事,能用能看懂就好了

  呵呵哒,继续搬砖

 

转载于:https://www.cnblogs.com/wanghuan0829/p/5284332.html