如何单击按钮以使用 jQuery 为段落元素设置动画？

在本文中，我们将单击一个按钮来使用 jQuery 为段落元素设置动画。要为段落元素设置动画，我们使用 animate() 方法。 animate() 方法用于更改具有 CSS 样式的元素的状态。此方法还可用于更改 CSS 属性以创建所选元素的动画效果。

句法：

$(selector).animate({styles}, para1, para2, para3);

例子：

HTML

  

    
        How to click a button to animate
        the paragraph element using jQuery?
    
  
    
    
    
  
    
        $(document).ready(function () {
            $("button").click(function () {
                $("#GFG").animate({
                    opacity: 0.5,
                    fontSize: "3em",
                }, 1000);
            });
        });
    

  

    
        GeeksforGeeks
    
  
    
        How to click a button to animate
        the paragraph element using jQuery?
    
  
    
        GeeksforGeeks computer science portal
    
  
    Click Here!

  

输出：

单击按钮之前：

点击按钮后：