DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> jQuery阻止冒泡和HTML默認操作
jQuery阻止冒泡和HTML默認操作
編輯:JQuery特效代碼     
1:jQuery是一個快捷簡便的JavaScript框架,說道框架可以直接理解為就是對原來底層的東西進行了封裝使得開發者能夠利用這個框架快速開發。

2:在當今的各個浏覽器中都支持事件的冒泡,所謂的冒泡可以這樣理解:

條件:外層有一個DIV元素,在內層有一個P元素,他兩存在這樣的關系:DIV是P元素的父元素,而P是外層DIV的子元素,他們之間存在包含和被包含的關系。
事件:現在我們都在這兩個元素上綁定相同的事件,比如click事件。
結果:這時,當我們點擊內層的P標簽的時候,內層元素的click事件觸發,同時外層DIV的click事件也會觸發。
3:在HTML中有的元素被定義了一些默認的屬性,比如說A元素,這個元素就是我們平時使用的超鏈接標簽,這個標簽的默認屬性是實現頁面的跳轉。
4:在jQuery的每一個事件中都會有一個默認的對象作為該事件的參數(但是必須顯示地被指定),這個對象就是event對象,它包含了一些屬性和方法,用於不同的場合。如下:
$('p:first').click(function(event){
//event對象可以使用了
});
5:有時我們不希望冒泡或默認的事件發生,這樣就需要一些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;//去掉試試效果
})
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved