Jquery是一個流行的JavaScript庫,它極大地簡化了JavaScript編程。JQuery強大的事件函數可以輕松地處理HTML元素的事件響應。
JQuery中的五個最常用的事件函數分別是:click(點擊事件),mouseenter(鼠標進入事件),mouseleave(鼠標離開事件),keydown(按鍵事件)和submit(提交事件)。
$(document).ready(function() { // “點擊”事件 $("p").click(function() { $(this).hide(); }); }); $(document).ready(function() { // “鼠標進入”事件 $("p").mouseenter(function() { $(this).css({ "background-color": "#e6f7ff", "color": "#000" }); }); }); $(document).ready(function() { // “鼠標離開”事件 $("p").mouseleave(function() { $(this).css({ "background-color": "#fff", "color": "#000" }); }); }); $(document).ready(function() { // “按鍵”事件 $("input").keydown(function() { $("input").css({ "background-color": "#fff", "color": "#000" }); }); }); $(document).ready(function() { // “提交”事件 $("form").submit(function() { alert("表單已提交"); }); });
以上事件函數可以方便地將一個交互式網頁與用戶的動作的響應聯系起來。我們可以使用JQuery來定義更多的事件函數來實現更強大的交互功能。
上一篇改善css的十種實例
下一篇改變鏈接的字體css