Network Security Internet Technology Development Database Servers Mobile Phone Android Software Apple Software Computer Software News IT Information

In addition to Weibo, there is also WeChat

Please pay attention

WeChat public account

Shulou

How jquery executes only one event

2025-04-02 Update From: SLTechnology News&Howtos shulou NAV: SLTechnology News&Howtos > Development >

Share

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

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!

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.

Views: 0

*The comments in the above article only represent the author's personal views and do not represent the views and positions of this website. If you have more insights, please feel free to contribute and share.

Share To

Development

Wechat

© 2024 shulou.com SLNews company. All rights reserved.

12
Report