jQuery阻止冒泡和HTML默認操做

jQuery是一個快捷簡便的JavaScript框架，說道框架能夠直接理解爲就是對原來底層的東西進行了封裝使得開發者可以利用這個框架快速開發。 

jQuery是一個快捷簡便的JavaScript框架，說道框架能夠直接理解爲就是對原來底層的東西進行了封裝使得開發者可以利用這個框架快速開發。 
在當今的各個瀏覽器中都支持事件的冒泡，所謂的冒泡能夠這樣理解：

條件：外層有一個DIV元素，在內層有一個P元素，他兩存在這樣的關係:DIV是P元素的父元素，而P是外層DIV的子元素，他們之間存在包含和被包含的關係。
事件：如今咱們都在這兩個元素上綁定相同的事件，好比click事件。
結果：這時，當咱們點擊內層的P標籤的時候，內層元素的click事件觸發，同時外層DIV的click事件也會觸發。
在HTML中有的元素被定義了一些默認的屬性，好比說A元素，這個元素就是咱們平時使用的超連接標籤，這個標籤的默認屬性是實現頁面的跳轉。
在jQuery的每個事件中都會有一個默認的對象做爲該事件的參數(可是必須顯示地被指定)，這個對象就是event對象，它包含了一些屬性和方法，用於不一樣的場合。以下：
$('p:first').click(function(event){
//event對象可使用了
});
有時咱們不但願冒泡或默認的事件發生，這樣就須要一些jQuery的的方法阻止冒泡和默認的事件了。能夠經過如下三種方法作到不一樣程度的阻止。
A：return false --->In event handler ,prevents default behavior and event bubbing 。
return false 在事件的處理中，能夠阻止默認事件和冒泡事件。
B：event.preventDefault()---> In event handler ,prevent default event (allows bubbling) 。
event.preventDefault()在事件的處理中，能夠阻止默認事件可是容許冒泡事件的發生。
C：event.stopPropagation()---> In event handler ,prevent bubbling (allows default behavior).
event.stopPropagation()在事件的處理中，能夠阻止冒泡可是容許默認事件的發生。
　　代碼如：
　　 $('.menu li').click(function(){
$(this).find('ul').toggle();
return false;//去掉試試效果
})

另外一篇參考文章：http://www.skygq.com/2011/02/08/jquery-stop-propagation/

原文地址：http://www.cnblogs.com/mofish/archive/2011/08/05/2128929.html