使用jQuery更改CSS樣式的方法

發(fā)布時間：2020-08-28 10:20:45 來源：億速云閱讀：128 作者：小新欄目：web開發(fā)

小編給大家分享一下使用jQuery更改CSS樣式的方法，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

使用jQuery可以更改CSS的樣式，例如更改顏色或在執(zhí)行操作時更改元素的大小。

使用jQuery更改CSS樣式的方法

使用jQuery操作CSS的方法是CSS方法，通過使用CSS方法可以在執(zhí)行特定操作時動態(tài)更改CSS，例如按鈕，所以可以創(chuàng)建更多可用的頁面。

我們先來看一下CSS方法

基本語法如下

$(‘選擇器’).css('屬性','值');

選擇器指定類和ID。

屬性與CSS屬性相同，例如'color'和'font-size'。

該值將包含與屬性對應(yīng)的值。例如，“color”可以表示“red”或“green”，'font-size'表示'20px'。

我們來看具體的示例

改變特定元素字體的大小

代碼如下

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <script src="https://code.jquery.com/jquery-3.0.0.min.js"></script>
    <script>
      $(function() {
        $(".big").css("font-size", "50px");
      });
    </script>
  </head>
  <body>
    <ul>
      <li class="big">big</li>
      <li>small</li>
      <li class="big">big</li>
      <li>small</li>
    </ul>
  </body>
</html>

在瀏覽器上顯示效果如下

使用jQuery更改CSS樣式的方法

以上是使用jQuery更改CSS樣式的方法的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道！

向AI問一下細(xì)節(jié)

使用jQuery更改CSS樣式的方法

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽