假设一个事件处理程序附加到您的元素。例如，`$('#foo').click(function() { console.log('clicked!') });` 然后您可以像这样调试它：对于 jQuery 1.3.x `var cEvent = $('#foo').data("events").click; jQuery.each(cEvent, function(key, value) {    console.log(value) })` 对于 jQuery 1.4.x `var 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() 方法用于将事件处理程序附加到 load 事件。示例您可以尝试运行以下代码来学习如何使用 jQuery load() 方法。注意：该方法在 jQuery 1.8 中已弃用，并在 jQuery 3.0 中最终移除。要运行以下代码，请添加小于 1.8 版本的 jQuery，在线演示 `$(document).ready(function(){     $("img").load(function(){         alert("这是一张图片。");     }); });` 此图像仅在小于 1.8 版本的 jQuery 中加载 jQuery ready() 方法轻松指定... 阅读更多

要使用多个事件触发同一个函数，请使用带有多个事件（如 click、dblclick、mouseenter、mouseleave、hover 等）的 jQuery on() 方法。示例您可以尝试运行以下代码来学习如何使用 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")); }); }); 获取宽度