How to use jquery on()

Usage of jquery on(): The [on()] method adds one or more event handlers on the selected element and child elements. The syntax is [$(selector).on(event,childSelector, data, function)].

##Usage of jquery on():

Definition and usage

on() method adds one or more event handlers on the selected element and sub-elements.

Since jQuery version 1.7, the on() method is the new replacement for the bind(), live(), and delegate() methods. This method brings a lot of convenience to the API and is recommended because it simplifies the jQuery code base.

Note: Event handlers added using the on() method apply to current and future elements (such as new elements created by scripts).

Tip: If you need to remove the event handler, use the off() method.

Tip: If you need to add an event that only runs once and then remove it, use the one() method.

Syntax

$(selector).on(event,childSelector,data,function)

Example

Add a click event handler to the

element :

$(document).ready(function(){
  $("p").on("click",function(){
    alert("段落被点击了。");
  });
});

Related free learning recommendations:

JavaScript (video)

The above is the detailed content of How to use jquery on(). For more information, please follow other related articles on the PHP Chinese website!