CSS 選擇器在 jQuery 中如何使用?


jQuery 庫支援層疊樣式表 (CSS) 規格 1 至 3 中包含的幾乎所有選擇器,如全球資訊網聯盟網站上列出的那樣。

使用 jQuery 庫,開發人員可以增強其網站,而不必擔心瀏覽器及其版本,只要這些瀏覽器啟用了 JavaScript。

大多數 JQuery CSS 方法不修改 jQuery 物件的內容,它們用於對 DOM 元素應用 CSS 屬性。

要使用 jQuery 方法 css( PropertyName, PropertyValue )應用任何 CSS 屬性。

以下是該方法的語法 −

selector.css( PropertyName, PropertyValue );

在這裡,您可以將 PropertyName 作為 JavaScript 字串傳遞,並且根據其值,PropertyValue 可以是字串或整數。

示例

您可以嘗試執行以下程式碼來了解 CSS 選擇器如何在 jQuery 中工作

線上示例

<html>

   <head>
      <title>The jQuery Example</title>
      <script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
       
      <script>
         $(document).ready(function() {
            $("li").eq(2).css("color", "red");
         });
      </script>
   </head>
   
   <body>
   
      <div>
         <ul>
            <li>list item 1</li>
            <li>list item 2</li>
            <li>list item 3</li>
            <li>list item 4</li>
            <li>list item 5</li>
            <li>list item 6</li>
         </ul>
      </div>
       
   </body>
</html>

更新日期:17-12-2019

147 次瀏覽

開啟你的職業生涯

完成該課程獲得證書

開始
廣告
© . All rights reserved.