事件冒泡相关处理

来源:互联网 发布:淘宝花呗店铺出售 编辑:程序博客网 时间:2024/05/17 08:27

在给元素绑定事件的同时,会有冒泡效果,可以通过return false等处理来关闭事件冒泡,如果需要再为事件绑定一些父元素相同的事件效果,需要重新为它添加设置。       
     

          $("#note_ul").on("click",".btn_slide_down",function(){

              var note_menu=$(this).parents("li").find("div");

              //show的动画
                note_menu.slideDown(100);
                //设置选中效果

                //先清除所有选中效果
                $("note_ul a").removeClass("checked");

                //为父元素添加选择效果
                $(this).parent().addClass("checked");
                //阻止事件冒泡
                return false;                
               });
               $('body').click(function(){
                   $("#note_ul li").find("div").hide();
             });

0 0