jQuery 还提供了一组事件辅助方法，这些方法可用于触发事件或绑定上面提到的任何事件类型。触发方法以下是一个触发所有段落 blur 事件的示例：$("p").blur();绑定方法以下是一个在所有上绑定 click 事件的示例：−$("div").click( function () {    // 在此处执行某些操作 });以下是 jQuery 事件辅助方法的一些示例：序号方法和描述1.blur()触发每个匹配元素的 blur 事件。2.blur( fn )将函数绑定到每个匹配元素的 blur 事件。3.click( )触发... 阅读更多

jQuery 事件处理程序始终按其绑定的顺序执行。使用 jQuery，您还可以更改顺序。让我们看看如何，例如，从demo(1); demo(2);我们可以将顺序更改为：−demo(2); demo(1);示例您可以尝试运行以下代码来学习和更改 jQuery 事件的顺序：实时演示 $(document).ready(function(){     $.fn.bindFirst = function(name, fn) {         this.on(name, fn);         this.each(function() {             var handlers = $._data(this, 'events')[name.split('.')[0]];             var handler = handlers.pop();       ... 阅读更多

使用 jQuery on() 方法将 jQuery 事件绑定到通过其他事件生成的元素上。您可以尝试运行以下代码来了解如何使用 on() 方法绑定 jQuery 事件：示例实时演示 $(document).ready(function(){      $(document).on({        mouseenter: function (e) {          alert('鼠标进入');        },        mouseleave: function (e) {          alert('鼠标离开');       }           }, '.demo'); }); 标题 1 演示一 演示二 鼠标进入和离开将生成警报框。

要临时抑制 jQuery 事件处理，请向您的元素添加一个类，以便您可以阻止进一步的代码执行。示例您可以尝试运行以下代码来了解如何抑制 jQuery 事件处理：实时演示 $(document).ready(function(){     $(element).click(function(e) {         e.preventDefault();         // 检查已触发类         if ($(this).hasClass('fired') == false) {           // 添加已触发类           $(element).addClass('fired');           // 删除已触发类           $(element).removeClass('fired');           }    }); }); .fired {     font-size: 25px;     color: green; } 这是一个标题 这是一个段落。这是第二个段落。

使用 off() 方法覆盖 jQuery 事件处理程序。此方法用于删除事件处理程序。on() 方法用于附加一个或多个事件处理程序。示例您可以尝试运行以下代码来了解如何覆盖 jQuery 事件处理程序：实时演示           jQuery off() 方法                              $(document).ready(function() {             function aClick() {                $("div").show().fadeOut("slow");             }                              $("#bind").click(function () {                $("#theone").on("click", aClick).text("可以点击！");             });                             $("#unbind").click(function () {                $("#theone").off("click", aClick).text("不执行任何操作...");             });                          });                              button {              margin:5px;          }          button#theone {              color:red;              background:yellow;          }                             不执行任何操作...       绑定点击       解绑点击               点击！                

自定义事件意味着您可以在 jQuery 中创建自己的事件。例如，创建一个自定义事件，以便在键盘上按下任何键时触发警报框。示例您可以尝试运行以下代码来了解如何创建自定义事件，实时演示 $(document).ready(function(){    $('textarea').bind("enterKey",function(e){      alert("您已按下 Enter 键！");    });    $('textarea').keyup(function(e){      if(e.keyCode == 13)      {         $(this).trigger("enterKey");      }    }); });  

要存储和重现 jQuery 事件，请使用控制台记录。示例您可以尝试运行以下代码来了解如何存储和重现 jQuery 事件：实时演示 $(document).ready(function(){     window.events = []     $("#track").click(function(event){        window.events.push(event)            $.each(window.events, function(i, item){           console.log(i, item);        });    }); }); 跟踪

一些 jQuery 事件不会冒泡，例如 mouseenter 不会冒泡。让我们看看此类事件的示例。示例您可以尝试运行以下代码来了解如何使用 jQuery 事件（不会冒泡），实时演示  $(document).ready(function(){     $("p").mouseenter(function(){       $("p").css("background-color", "red");     });     $("p").mouseleave(function(){       $("p").css("background-color", "blue");     });  }); 演示文本 - 将鼠标指针保持在此处。

stopPropogation() 方法要停止事件向父元素冒泡，请使用 stopPropagation() 方法。示例您可以尝试运行以下代码来了解如何使用 stopPropogation() 方法：实时演示           jQuery stopPropagation() 方法                              $(document).ready(function() {             $("div").click(function(event){                alert("这是： " + $(this).text());                                event.stopPropagation();             ... 阅读更多

为了优先处理 jQuery 事件，可以使用 event.stopPropagation() 方法。示例您可以尝试运行以下代码来学习如何使用 stopPropogation() 方法进行优先级处理：在线演示 $(document).ready(function(){        var timer;    function out(s) {       if (timer) {         clearTimeout(timer);         timer = null;       }       $("#demo").append(s + "");       timer = setTimeout(function() {         $("#demo").append("-------" + "");         timer = null;       }, 100);    }    $(".li").find('input').click(function(e){     out('li>input');     if ($(this).parent().hasClass("stop")) {         e.stopPropagation();     }    });    $(".li").click(function(e){     out('li');    });    $('input').click(function(e){     out('input');     if ($(this).parent().hasClass("stop")) {         e.stopPropagation();     }    }); }); 演示使用停止传播方法的演示