📌  相关文章
📜  如何使用 jQuery 将`style=display:“block”` 添加到元素？(1)

📅  最后修改于: 2023-12-03 15:08:22.219000             🧑  作者: Mango

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

要将 style="display:block" 添加到元素中，我们可以使用 jQuery 中的 .css() 方法。这个方法允许我们添加任何 CSS 样式到元素中。下面是详细的步骤：

步骤 1

首先，我们需要在页面中引入 jQuery 库。可以通过以下链接从官方网站下载最新版本的 jQuery 库：

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
步骤 2

现在，我们需要选择要添加样式的元素。可以使用 jQuery 中的选择器来选择元素。比如，在下面的示例中，我们选择 id 为 my-div 的 div 元素：

var myDiv = $('#my-div');
步骤 3

接下来，我们可以使用 .css() 方法来添加样式到元素中。例如，我们可以使用以下代码将 display:block 样式添加到 myDiv 中：

myDiv.css('display', 'block');
完整代码

最终，完整的代码如下所示：

<html>
  <head>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
  </head>
  
  <body>
    <div id="my-div">Hello World!</div>
    
    <script>
      var myDiv = $('#my-div');
      myDiv.css('display', 'block');
    </script>
  </body>
</html>

该脚本将 display:block 样式添加到页面中的 my-div 元素中，该元素的文本将显示为块级元素。