1 作用

jQuery选择器是用来选择标签元素的
选择规则和css样式一样

2 代码示例

  1. // 以上省略...
  2. <script src="js/jquery-1.12.4.min.js"></script>
  3.     <script>
  4.         $(function(){
  5.             // 标签选择器
  6.             var $p = $("p");
  7.             alert($p.length);   // 2
  8.             // 通过 jquery设置标签的样式
  9.             $p.css({"color":"red"});
  10.             // 类选择器
  11.             var $div = $(".div1");  // 1
  12.             alert($div.length);
  13.             // id选择器
  14.             var box = $("#box1");
  15.             alert(box.length);  // 1
  16.             // 层级选择器
  17.             var h1 = $("div h1");
  18.             alert(h1.length);   // 1
  19.             // 属性选择器
  20.             var $input = $("input[type=text]");
  21.             alert($input.length);   // 1
  22.         });
  23.     </script>
  24. </head>
  25. <body>
  26.     <p>hello</p>
  27.     <p>hello</p>
  28.     <div class="div1">哈哈</div>
  29.     <div id="box1">嘻嘻</div>
  30.     <div>
  31.         <h1>呵呵</h1>
  32.     </div>
  33.     <input type="text">
  34.     <input type="button">
  35. </body>
  36. </html>