如何使用 jQuery 在特定的 div 元素中应用 CSS？

在本文中，我们将使用 jQuery 设置 div 元素的 CSS。我们将使用 CSS 属性来设置 CSS。

方法：我们将创建一个带有一些文本和超链接的 div 元素。然后我们将使用 jQuery 将 CSS 应用到 div 元素。 jQuery 带有函数.css() ，我们可以在其中获取和设置任何元素的 CSS。我们将它用于 div 元素。

句法：

    $("div").css("css-property","value");

示例 1：使用简单的 CSS

HTML

  

    
    
  
    
    
    

  

    
    
        Welcome to GeeksforGeeks
        
            Data structures
        
        
            Algorithms
        
    
  
    
    
  
        // Changing text color to green
        // and aligning to center
        $("div").css("color", "green");
        $("div").css("text-align", "center");
    

  

输出：

示例 2：在元素上使用悬停效果

我们将使用jQuery的悬停函数，它有两个功能。语法是

$(element).hover(
    function(){
        // CSS during hover
    },
    function(){
        // CSS when not hovering
    },
);

这是示例代码。

HTML

  

    
    
  
    
    
    

  

    
    
        Welcome to GeeksforGeeks
        
            Data structures
        
        
            Algorithms
        
    
  
    
    
      
        // Changing text color to green
        // and aligning to center
        $("div").css("color", "green");
        $("div").css("text-align", "center");
  
        // Using hover function
        $("h1").hover(
  
            // First function is for during hover
            function () {
                $(this).css("font-size", 32);
            },
  
            // Second function is for before
            // or after hover
            function () {
                $(this).css("font-size", 24);
                $(this).css("transition-duration", "1s");
            }
        );
    

  

输出