Shulou(Shulou.com)06/02 Report--

This article is about how to use on () in Jquery. The editor thinks it is very practical, so share it with you as a reference and follow the editor to have a look.

The function of the Jquery on () method is to add one or more event handlers to the selected element and its children, and its syntax is "$(selector) .on (event,childSelector,data,function)".

This article operating environment: windows7 system, jquery3.2.1 version, DELL G3 computer

The on () method adds one or more event handlers to the selected element and its children.

Since jQuery version 1.7, the on () method is a new alternative to the bind (), live (), and delegate () methods. This method brings a lot of convenience to API, and we recommend it, which 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.

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

Grammar

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

Parameters.

Event is required. Specifies one or more events or namespaces to add from the selected element.

Multiple event values are separated by spaces, which can also be arrays. Must be a valid event.

ChildSelector is optional. Specifies that event handlers can only be added to specified child elements (and not the selector itself, such as the obsolete delegate () method).

Data is optional. Specifies the additional data passed to the function.

Function is optional. Specifies the function to run when an event occurs.

Example:

To

Element to add a click event handler:

$(document) .ready (function () {$("p") .on ("click", function () {alert ("paragraph has been clicked.") Thank you for reading! This is the end of the article on "how to use on () in Jquery". I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, you can share it for more people to see!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.