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

This article mainly introduces what is the reason for using jquery on, the article is very detailed, has a certain reference value, interested friends must read it!

In jquery, you use the on () method because you need to add one or more event handlers to the selected element and child elements; the event handlers added by this method apply to current and future elements, and the syntax is "element object .on (event, event handlers for child elements, extra data, functions)".

The operating environment of this tutorial: windows10 system, jquery3.2.1 version, Dell G3 computer.

Why use jquery's on?

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)

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.

Examples are as follows:

$(document) .ready (function () {$("p") .on ("click", function () {alert ("paragraph has been clicked.") ;})

Click on this paragraph.

Output result:

Click behind:

The above is all the content of the article "what is the reason for using jquery's on?" Thank you for reading! Hope to share the content to help you, more related knowledge, welcome to follow the industry information channel!

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.