安裝或設定

Created: November-22, 2018

1 標記名稱表示 DOM 中可用的標記名稱。例如，$('p') 選擇文件中的所有段落 <p>。

2 標記 ID 表示 DOM 中給定 ID 可用的標記。例如，$('#some-id') 選擇文件中具有 some-id ID 的單個元素。

3 Tag Class 表示 DOM 中給定類可用的標記。例如，$('.some-class') 選擇文件中具有某類類的所有元素。

以上所有專案可以單獨使用，也可以與其他選擇器結合使用。除了一些調整之外，所有 jQuery 選擇器都基於相同的原理。

注 - 工廠 function $() 是 jQuery() 功能的同義詞。因此，如果你使用任何其他 JavaScript 庫，其中$ sign 與其他東西衝突，那麼你可以用 jQuery 名稱替換$ sign，你可以使用函式 jQuery() 而不是$（）。

示例以下是使用標記選擇器的簡單示例。這將選擇標籤名為 p 的所有元素，並將其背景設定為黃色。

<html>

   <head>
      <title>The jQuery Example</title>
      <script type = "text/javascript" 
         src = "http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

      <script type = "text/javascript" language = "javascript">
         $(document).ready(function() {
            $("p").css("background-color", "yellow");
         });
      </script>
   </head>
    
   <body>
      <div>
         <p class = "myclass">This is a paragraph.</p>
         <p id = "myid">This is second paragraph.</p>
         <p>This is third paragraph.</p>
      </div>
   </body>
    
</html>