在给元素绑定事件的同时,会有冒泡效果,可以通过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();
});