淘先锋技术网

首页 1 2 3 4 5 6 7

jQuery是一个优秀的JavaScript库,许多开发者都喜欢使用它。其中最常用的方法之一是 on()。on()可以绑定事件、事件委托和解除绑定。下面我们来详细了解一下on()的使用方法。

绑定事件:on()方法可以使用两个参数,第一个参数是需要绑定事件的名称,第二个参数是事件触发后需要执行的函数。例如:

$("button").on("click", function(){
alert("Hello World!");
});

事件委托:on()方法可以绑定当前不存在的元素,以便元素可以在后期被添加,仍能绑定事件。这种方式被称为事件委托。例如:

$("ul").on("click", "li", function(){
alert("Hello World!");
});

这里我们绑定了

    元素下的所有
  • 元素的点击事件。

    解除绑定:on()方法还可以让我们解除绑定已经绑定的事件。例如:

    $("button").on("click", function(){
    alert("Hello World!");
    });
    $("button").off("click");

    在第一步中,我们绑定了按钮的点击事件并弹出了一条消息。在第二步中,我们使用off()方法解除了该事件的绑定。

    总结:

    on()方法是jQuery中最有用的方法之一,在绑定、委托和解除绑定方面都有很大帮助。学习这些用法有助于提高我们的编程技能。以上是on()方法的基本使用方法,希望对你有所帮助。