安装或设置

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>