<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <p>RayLee</p> <p>RayLee</p> <p>RayLee</p> <input type="button" value="触发" id="btn"> <input type="button" value="事件对象" id="btn1"> <a href="http://www.baidu.com" id="link">跳转</a> <script src="jquery-3.2.1.js"></script> <script> $(function () { // 注册事件 $("p").on("click", function () { alert("hehe"); }); // 移除所有事件 // $("p").off(); // 触发事件 // $("#btn").click(function () { // $("p").click(); // $("p").trigger("click"); // }) // 事件对象, e就是事件对象 $("#btn1").on("click", function (e) { console.log(e); }); // 阻止冒泡和阻止浏览器的默认行为 $("#link").on("click", function (e) { alert("aaa"); // 阻止跳转 e.preventDefault(); // 阻止冒泡 e.stopPropagation(); }) $("#link").on("click", function (e) { alert("bbb"); }); }); </script> </body> </html>