<!DOCTYPE HTML><HTMLLang= "en"><Head> <MetaCharSet= "UTF-8"> <title>Title</title></Head><Body><P>Raylee</P><P>Raylee</P><P>Raylee</P><inputtype= "button"value= "Trigger"ID= "BTN"><inputtype= "button"value= "Event Object"ID= "BTN1"><ahref= "Http://www.baidu.com"ID= "link">Jump</a><Scriptsrc= "Jquery-3.2.1.js"></Script><Script> $(function () { //Registering Events $("P"). On ("Click", function() {alert ("hehe"); }); //Remove All Events //$ ("P"). Off (); //Triggering Events //$ ("#btn"). Click (function () { //$ ("P"). Click (); //$ ("P"). Trigger ("click"); // }) //Event object, E is the event object $("#btn1"). On ("Click", function(e) {console.log (e); }); //prevent bubbles and prevent browser from default behavior $("#link"). On ("Click", function(e) {alert ("AAA"); //Block JumpE.preventdefault (); //Stop bubblinge.stoppropagation (); }) $("#link"). On ("Click", function(e) {alert ("BBB"); }); });</Script></Body></HTML>
<jQuery> < methods > 18. Remove events, trigger events, event objects (block bubbling, block jumps)