jQuery—事件的繫結和解除繫結
阿新 • • 發佈：2019-01-02
HTML程式碼：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>練習</title> <script src="jquery-3.3.1.js"></script> <script src="text3.js"></script> <!--庫的引用必須要先於自己的--> </head> <body> <button>老哥，點我</button> </body> </html>
JS程式碼：
$(document).ready(function () { $("button").on("click",clickShow1); $("button").on("click",clickShow2); $("button").on("click",clickShow3); $("button").off("click",clickShow3); }); //繫結方法，將做出反應的程式碼封裝起來，提升程式碼的利用率，同時能減少記憶體的佔用 //on表示繫結事件，off表示解除事件，事件繫結不會覆蓋，如果一個事件綁定了多個方法， // 解除預設全部解除，通過逗號隔開指定解除某個方法，老版本on和off用bind和unbind代替 function clickShow1(e) { alert("老哥") } function clickShow2(e) { alert("好玩嗎") } function clickShow3(e) { alert("真有趣") }
效果：
