(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哈哈~

  没事,能用能看懂就好了

  呵呵哒,继续搬砖

 

posted @ 2016-03-16 17:21  焕姐姐  阅读(692)  评论(0编辑  收藏  举报