jQuery는 버블링 및 HTML 기본 actions_jquery를 방지합니다.

1: jQuery는 빠르고 간단한 JavaScript 프레임워크입니다. 프레임워크는 개발자가 이 프레임워크를 사용하여 빠르게 개발할 수 있도록 원래의 기본 항목을 캡슐화하는 것으로 직접적으로 이해될 수 있습니다.

2: 이벤트 버블링은 오늘날 모든 브라우저에서 지원됩니다. 소위 버블링은 다음과 같이 이해할 수 있습니다.

조건: 외부 레이어에 DIV 요소가 있고 내부 레이어에 P 요소가 있습니다. 둘 사이에는 다음과 같은 관계가 있습니다. DIV는 P 요소의 상위 요소이고 P는 외부 레이어의 하위 요소입니다. DIV. 그들과 포함된 관계 사이에는 포함이 있습니다.
이벤트: 이제 클릭 이벤트와 같이 두 요소 모두에 동일한 이벤트를 바인딩합니다.
결과: 이때 내부 P 태그를 클릭하면 내부 요소의 클릭 이벤트가 트리거되고 외부 DIV의 클릭 이벤트도 트리거됩니다.
3: HTML의 일부 요소는 A 요소와 같은 일부 기본 속성으로 정의됩니다. 이 요소는 우리가 일반적으로 사용하는 하이퍼링크 태그입니다.
4: 모든 jQuery 이벤트에는 이벤트 매개변수로 기본 개체가 있습니다(그러나 명시적으로 지정해야 함). 이 개체는 다양한 경우에 대한 일부 속성과 메서드를 포함하는 이벤트 개체입니다. 다음과 같습니다:
$('p:first').click(function(event){
//이벤트 객체를 사용할 수 있습니다
});
5: 때로는 원하지 않는 경우도 있습니다. 버블 또는 기본 이벤트가 발생하므로 버블링 및 기본 이벤트를 방지하기 위해 몇 가지 jQuery 메서드가 필요합니다. 다음 세 가지 방법을 통해 다양한 수준의 차단을 달성할 수 있습니다.
 A: return false --->이벤트 핸들러에서 기본 동작과 이벤트 버블링을 방지합니다.
false를 반환하면 인시던트에서 기본 이벤트와 버블링 이벤트를 방지할 수 있습니다.
 B: event.preventDefault()---> 이벤트 핸들러에서 기본 이벤트를 방지합니다(버블링 허용).
Event.preventDefault()는 기본 이벤트를 방지할 수 있지만 이벤트 처리 중에 버블링 이벤트가 발생하도록 허용할 수 있습니다.
C: event.stopPropagation()---> 이벤트 핸들러에서 버블링을 방지합니다(기본 동작 허용).
event.stopPropagation()은 이벤트 처리 중에 버블링을 방지할 수 있습니다. 기본 이벤트가 발생하도록 허용합니다.
다음과 같은 코드:
$('.menu li').click(function(){
$(this).find('ul').toggle();
return false; //제거하고 효과를 사용해 보세요 })