首頁 > web前端 > js教程 > 主體

如何使用jQuery更改CSS樣式

不言
發布: 2018-12-29 13:45:14
原創
7601 人瀏覽過

使用如何使用如何使用jQuery更改CSS樣式更改CSS樣式可以更改CSS的樣式,例如更改顏色或在執行操作時更改元素的大小,本篇文章我們就來給大家介紹使用如何使用如何使用jQuery更改CSS樣式更改CSS樣式更改CSS樣式的具體方法,下面來看具體的內容。

如何使用如何使用jQuery更改CSS樣式更改CSS樣式

使用如何使用如何使用jQuery更改CSS樣式更改CSS樣式操作CSS的方法是CSS方法,透過使用CSS方法可以在執行特定操作時動態變更CSS,例如按鈕,所以可以建立更多可用的頁面。

我們先來看CSS方法

基本語法如下

$(‘选择器’).css('属性','值');
登入後複製

選擇器指定類別和ID。

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

該值將包含與屬性對應的值。例如,“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樣式更改CSS樣式

這篇文章到這裡就全部結束了,更多精彩內容大家可以關注php中文網的相關欄位教學! ! !

以上是如何使用jQuery更改CSS樣式的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板