十三、bind

//可以通过空格绑定多个事件
$("#child").bind("mouseover.test mouseout.test",function(event){
    $(this).toggleClass("bgc");
});
//取消了mouseout事件
//$("#child").unbind("mouseout");

//可以为一组事件增加一个命名空间,在事件之后通过.来增加，
//在移除事件的时候，可以直接通过命名空间一起移除
$("a[href='ccc']").bind("click.test",function(event){
    print("a");
    event.preventDefault();
});
//移除一组事件
$("*").unbind(".test");
function print(txt) {
    $("#content").append(txt+"<br/>");
}

 

 

$(".ccc").bind("click",function(event){
    alert($(this).html());
});
//基于bind所带来的问题是，当新增加元素的时候，没有办法为新元素绑定事件
//需要重新使用bind来bind方法来绑定。
$("#content").append("<div class='ccc'>bbbbb</div>");