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();//阻止除此以外的其他元素事件冒泡 
});