JQUERY 事件

jQuery 是一个流行的 JavaScript 库，用于简化 DOM 操作和事件处理。在 jQuery 中，可以使用以下方法来处理事件：

事件绑定：

• $(selector).click(function)：绑定点击事件。

//基本用法
.click( handler )

//示例
$("#myId").click(function() { //事件处理逻辑});

• $(selector).dblclick(function)：绑定双击事件。

• $(selector).hover(functionIn, functionOut)：绑定鼠标悬停事件，functionIn 是鼠标进入时执行的函数，functionOut 是鼠标离开时执行的函数。

• $(selector).on(event, childSelector, function)：使用 .on() 方法可以绑定任何类型的事件，包括自定义事件。

//基本用法
.on( events [, selector ] [, data ], handler )

//使用示例
$( "#dataTable tbody tr" ).on( "click", function() {  console.log( $( this ).text() );});

事件处理：

• event.preventDefault()：阻止事件的默认行为。

• event.stopPropagation()：停止事件在 DOM 层次中的传播。

• event.stopImmediatePropagation()：立即停止事件的传播，防止同一元素上其他的事件处理函数被执行。

事件委托：

• $(ancestorSelector).on(event, childSelector, function)：使用事件委托可以在祖先元素上绑定事件处理程序，以处理动态添加的子元素。

  
  

其他事件方法

• $(selector).trigger(event)：触发指定类型的事件。

$( "#myId" ).trigger( "click" );

• $(selector).unbind(event)：解除绑定指定类型的事件处理程序。

$( "#myId" ).unbind( "click" );

• $(selector).one(event, function)：绑定事件处理程序，但只执行一次。

$( "#myId" ).one( "click", function(){alert('clinck me');});

常见事件类型：

• click、dblclick、mouseenter、mouseleave、keydown、keyup 等等。

例如，要在点击一个按钮时弹出提示框，可以这样使用 jQuery：

$(document).ready(function() {
    $("#myButton").click(function() {
        alert("Button clicked!");
    });
});

这段代码会在文档加载完成后，选择 id 为 myButton 的元素，并在其被点击时弹出一个提示框。