How to use jquery function on

How to use jquery function 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) 】.

The operating environment of this tutorial: windows7 system, jquery3.2.1 version. This method is suitable for all brands of computers.

How to use jquery function on:

Definition and usage

on() method is used in selected elements and sub-elements Add one or more event handlers on the element.

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:

• To remove the event handler, use the off() method.

• To add an event that only runs once and then remove it, use the one() method.

Syntax

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

Add a click event handler to the <p></p> element:

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

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