JQuery添加事件监听

一）JQuery选择器：

二）JQuery文档加载事件：

//文档加载事件一
$(document).ready(function(){
	alert("文档加载完成1!");
});
//文档加载事件二
$(function(){
	alert("文档加载完成2!");
});

三）bind()添加事件监听：
例一：(给p元素添加一个点击事件)

<p>哈哈</p>
$("p").bind("click",function(){$(this).hide();});
或
$("p").bind("click",event1);
function event1(){
	$(this).hide();
}

例二：(给p元素添加多个事件)

<p>哈哈</p>
$("p").bind({"click":event1,"mouseenter":event2});
function event1(){
	$(this).hide();
}
function event2(){
	$("p").text("嘻嘻");
}

四）unbind()解除事件监听：

$("button").unbind("click");//解除button的所有点击事件
$("button").unbind("click",event1);//解除button指定的点击事件

五）event.stopPropagation()与event.stopImmediatePropagation()阻止事件冒泡：

<div id="divid">
		<button id="btnid">按钮</button>
</div>
$("#divid").bind("click",function(){alert("div事件")});
$("#btnid").bind("click",function(){alert("btn事件")});

给外层div与里面的button元素添加事件时，在点击button按钮时也会触发div事件

$("#btnid").bind("click",function(){
		alert("btn事件");
		event.stopPropagation();//阻止事件向上冒泡(父元素事件冒泡)
});
$("#btnid").bind("click",function(){
		alert("btn事件");
		event.stopImmediatePropagation();//阻止除此以外的其他元素事件冒泡
});