How jquery executes only one event

Editor to share with you how jquery only implements one event, I believe most people do not know much about it, so share this article for your reference, I hope you can learn a lot after reading this article, let's go to know it!

In jquery, you can use the one () method to make an element execute only one event, which specifies that each element can only run the event handler once, with the syntax of "$(selector) .one (event,data,function)".

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

How does jquery execute only one event

In jquery, you can use the one () method to make an element execute only one event, while the one () method appends one or more event handlers to the selected element and specifies the function to run when the event occurs.

When using the one () method, the event handler function can only be run once per element.

The syntax is as follows:

$(selector) .one (event,data,function)

Where:

Examples are as follows:

$(document) .ready (function () {$("p") .one ("click", function () {$(this) .animate ({fontSize: "+ = 6px"});})

This is a paragraph.

This is another paragraph.

Please click the p element to increase the text size of its content. Each p element triggers a change event only once.

Output result:

The above is all the content of the article "how to execute only one event in jquery". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!