如何使用 jQuery 将`style=display:“block”` 添加到元素？

任务是在 jQuery 的帮助下将 style=display: “block” 添加到元素中。

有多种函数或方法可以完成这项工作，如下所示：
1. .css()：为一组匹配的元素设置一个或多个 CSS 属性。
   句法：

   $("div").css("display", "block")

2. .show()：显示匹配的元素，大致相当于调用.css(“display”, “block”)。
   句法：

   $("div").show()

3. .attr()：为一组匹配的元素设置一个或多个属性。
   句法：
   
   
   

   $("div").attr("style", "display:block")

示例 1：使用.css()方法

  

    
    
      How to add `style=display:“block”`to
      an element using jQuery?
  
    
        p {
            color: green;
            font-weight: bold;
            cursor: pointer;
        }
    
    
  

  

      
        GeeksForGeeks 
    
     Using .css()
    
        How to add
        `style=display:“block”`
       to an element using jQuery?
    
    
        var words = $("p").first().text().split(/\s+/);
        var text = words.join("</span> <span>");
        $("p").css("display", "block");
    
  

  

输出：

示例 2：使用.attr()方法

  

    
    
      How to add `style=display:“block”`
      to an element using jQuery?
  
    
        p {
            color: green;
            font-weight: bold;
            cursor: pointer;
        }
    
    
  

  

      
        GeeksForGeeks 
    
     Using .attr()
    
        How to add
        `style=display:“block”` to an element using jQuery?
    
    
        var words = $("p").first().text().split(/\s+/);
        var text = words.join("</span> <span>");
        $("p").attr("style", "display:block")
    

  

输出：

示例 3：使用.show()方法

  

    
    How to add `style=display:“block”
      `to an element using jQuery?
    
        p {
            color: green;
            font-weight: bold;
            cursor: pointer;
        }
    
    
  

  

      
        GeeksForGeeks 
    
     Using .show()
    
        How to add
        `style=display:“block”`
      to an element using jQuery?
    
    
        var words = $("p").first().text().split(/\s+/);
        var text = words.join("</span> <span>");
        $("div").show();
    
  

  

输出：

jQuery 是一个开源 JavaScript 库，它简化了 HTML/CSS 文档之间的交互，它以其“少写，多做”的理念而广为人知。
您可以按照此 jQuery 教程和 jQuery 示例从头开始学习 jQuery。