假设一个事件处理程序已附加到您的元素。例如，$('#foo').click(function() { console.log('clicked!') });然后您可以像这样调试它：对于 jQuery 1.3.xvar cEvent = $('#foo').data("events").click; jQuery.each(cEvent, function(key, value) {    console.log(value) }) 对于 jQuery 1.4.xvar cEvent = $('#foo').data("events").click; jQuery.each(cEvent, function(key, handlerObj) {     console.log(handlerObj.handler) }) 对于 jQuery 1.8.x+var cEvents = $._data($('#foo')[0], "events").click; jQuery.each(cEvents, function(key, handlerObj) {   console.log(handlerObj.handler) })

jQuery load() 方法load() 方法用于将事件处理程序附加到加载事件。示例您可以尝试运行以下代码来了解如何使用 jQuery load() 方法。注意：  该方法在 jQuery 1.8 中已弃用。它最终在 jQuery 3.0 中被移除。要运行以下代码，请添加小于 1.8 的 jQuery 版本，实时演示 $(document).ready(function(){     $("img").load(function(){         alert("这是一张图片。");     }); }); 此图片仅在小于 1.8 的 jQuery 版本中加载 jQuery ready() 方法轻松指定什么 ... 阅读更多

要使用多个事件触发同一个函数，请使用 jQuery 的 on() 方法，配合多个事件，例如 click、dblclick、mouseenter、mouseleave、hover 等。示例您可以尝试运行以下代码来了解如何使用 jQuery 的多个事件工作同一个函数：实时演示 $(document).ready(function(){     $("p").on({             mouseenter: function(){             $(this).css("background-color", "gray");         },                   mouseleave: function(){             $(this).css("background-color", "red");         },                 dblclick: function(){             $(this).css("background-color", "yellow");         }             }); }); 点击、双击并移动鼠标指针。

从 jQuery 事件处理程序中返回 false 就如同同时调用 preventDefault() 和 stopPropagation()。preventDefault() 方法阻止浏览器执行默认操作。示例您可以尝试运行以下代码以在 jQuery 中运行 event.preventDefault() 方法 -实时演示           jQuery preventDefault() 方法                              $(document).ready(function() {             $("a").click(function(event){                event.preventDefault();                alert( "默认行为已禁用！" );             ... 阅读更多

要检查按下了哪个键，请使用 onkeydown 属性。示例您可以尝试运行以下代码以获取按下的键：实时演示在下面的框中按下一个键以获取按下的键。   function demoFunction(event) {     var a = event.key;     document.getElementById("test").innerHTML = "您按下了键： " + a;   }

要阻止 jQuery 事件冒泡到父元素，请使用 stopPropogation() 方法。stopPropagation() 方法停止事件冒泡到父元素，防止任何父处理程序收到事件通知。示例您可以尝试运行以下代码以阻止 jQuery 事件冒泡到父元素 -实时演示           jQuery stopProagation() 方法                              $(document).ready(function() {             $("div").click(function(event){                alert("这是： " + $(this).text());                event.stopPropagation();             });          });                              div {             margin:20px;             padding:20px;             border:2px solid #666;             width:160px;          }                             点击任意方框以查看效果：                        外部方框                       内部方框                            

使用 hover() 方法在选定的元素上触发来自另一个元素的悬停事件。您可以尝试运行以下代码来了解如何使用 jQuery 从另一个元素触发悬停事件

要停止事件冒泡到父元素，请使用 stopPropagation() 方法。您可以尝试运行以下代码来了解如何停止事件冒泡到父元素 -示例实时演示           jQuery stopPropagation() 方法                              $(document).ready(function() {             $("div").click(function(event){                alert("这是： " + $(this).text());                event.stopPropagation();             });          });                              div {              margin:10px;              padding:12px;              border:2px solid #666;              width:160px;          }                             点击任意方框以查看效果：                        外部方框                       内部方框                                

为了防止浏览器执行默认操作，在 jQuery 中使用 preventDefault() 方法。preventDefault() 方法阻止浏览器执行默认操作。示例您可以使用 isDefaultPrevented() 方法来判断此方法是否曾经被调用（在该事件对象上）。在线演示 jQuery preventDefault() 方法 $(document).ready(function() { $("a").click(function(event){ event.preventDefault(); alert( "默认行为已禁用！" ); }); }); 点击以下链接，它将无法工作： GOOGLE Inc.

要获取元素的属性，请在 jQuery 中使用 attr() 方法。您可以尝试运行以下代码，以使用“click”事件获取元素的属性 - 示例在线演示 $(document).ready(function(){ $("button").click(function(){ alert("图片宽度： " + $("img").attr("width")); }); }); 获取宽度