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

Xiaobian to share with you how jquery to achieve click delete fade out effect, I believe most people still do not know how to share this article for your reference, I hope you have a lot of harvest after reading this article, let's go to understand it together!

Methods to realize click deletion fade out effect: 1. Binding click event to element and specifying event handling function;2. Use fadeTo() method in event handling function to realize click deletion fade out effect, syntax is "element object to fade out.fadeTo(speed,opacity,callback)".

Operating environment for this tutorial: Windows 10 system, jquery version 3.2.1, Dell G3 computer.

In jquery, you can use fadeTo() method and click event to realize click delete fade effect.

The fadeTo() method gradually changes the opacity of the selected element to the specified value. The syntax is:

$(selector).fadeTo(speed,opacity,callback)

Of which:

Examples are as follows:

$(document).ready(function(){ $(".btn1").click(function(){ $("p").fadeTo(1000,0); });});

Click the button to fade out

fade out

Output:

The above is "jquery how to achieve click delete fade out effect" all the content of this article, thank you for reading! I believe that everyone has a certain understanding, hope to share the content to help everyone, if you still want to learn more knowledge, welcome to pay attention to 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.