jQuery はバブリングと HTML のデフォルトのアクションを防止します_jquery

1: jQuery は高速でシンプルな JavaScript フレームワークであり、開発者がこのフレームワークを使用して迅速に開発できるように、元の基礎となるものをカプセル化するものとして直接理解できます。

2: 現在、イベントのバブリングはすべてのブラウザでサポートされています。いわゆるバブリングは次のように理解できます:

条件: 外層に DIV 要素、内層に P 要素があり、DIV が P 要素の親要素、P が外層の子要素であるという関係がある。 DIV. それらの間には包含関係が存在します。
イベント: ここで、クリック イベントなどの同じイベントを両方の要素にバインドします。
結果: このとき、内側の P タグをクリックすると、内側の要素のクリック イベントがトリガーされ、外側の DIV のクリック イベントもトリガーされます。
3: A 要素などの HTML の一部の要素は、通常使用されるハイパーリンク タグです。このタグのデフォルト属性は、ページ ジャンプを実装することです。
4: すべての jQuery イベントには、イベントのパラメーターとしてデフォルトのオブジェクトがあります (ただし、明示的に指定する必要があります)。このオブジェクトはイベント オブジェクトであり、さまざまな場合に使用するいくつかのプロパティとメソッドが含まれています。以下のように:
$('p:first').click(function(event){
//イベント オブジェクトを使用できます
});
5: 使用したくない場合もあります。バブルまたはデフォルト イベントが発生するため、バブリングとデフォルト イベントを防ぐためにいくつかの jQuery メソッドが必要です。次の 3 つの方法で、さまざまなレベルのブロックを実現できます。
A: return false --->イベント ハンドラーで、デフォルトの動作とイベントのバブリングを防止します。
false を返すと、インシデント内のデフォルト イベントとバブリング イベントを防ぐことができます。
B:event.preventDefault()---> イベント ハンドラーで、デフォルト イベントを防止します (バブリングを許可します)。
Event.preventDefault() はデフォルトのイベントを防止できますが、イベント処理中にバブリング イベントが発生することを許可します。
C:event.stopPropagation()---> イベント ハンドラーでバブリングを防止します (デフォルトの動作を許可します)。
event.stopPropagation() はイベント処理中のバブリングを防止できます。デフォルトのイベントの発生を許可します。
次のようなコード:
$('.menu li').click(function(){
$(this).find('ul').toggle();
return false; // エフェクトを削除して試してください })