js进阶 10-4 jquery中基础选择器有哪些

时间 2020-05-22

标签进阶 jquery 基础选择器哪些栏目 JavaScript 繁體版

原文原文链接

js进阶 10-4 jquery中基础选择器有哪些

1、总结

一句话总结：

一、群组选择器用的符号是什么？

群组选择器，中间是逗号javascript

二、jquery中基础选择器有哪些？

5种，类，id，tag，群组，*css

三、*号选择器，通用选择器是什么？

选择到全部元素html

2、js进阶 10-4 jquery中基础选择器有哪些

一、相关知识：JQuery选择器

原生javaScript中,只能使用getELementById()、getElementByName、getElementByTagName()等几种有限的方法来获取元素，JQuery为咱们提供了大量的选择器，极大地方便了咱们快速选择元素来进行各类操做。java

JQuery的选择器彻底是继承了css选择器的风格，你们在学习JQuery选择器的时候，必定要先联系CSS选择器进行对比记忆。jquery

虽然选择器不少，可是并不要求你们一会儿全记住。能够先记住经常使用的几种，其余的等到须要的时候查阅下资料。由于这些选择器，咱们是必须经过真正的开发实践才可以真正的熟练掌握学习

基本选择器

id选择器：$("#id名")
元素选择器:$("元素名")
类选择器:$(".类名")
群组选择器:$("选择器1,选择器2,.......,选择器n")
*选择器:$("*")选择全部元素

二、实例

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>演示文档</title>
 6     <script src="jquery-3.1.1.min.js"></script>
 7     <script src="ktys4.js"></script>
 8     <style type="text/css">
 9 /* h4{color: red} 10  #p1{color: green} 11  .xzq{color: blue} 12  #p1,.xzq{font-size: 12px}*/
13     </style>
14 </head>
15 <body>
16     <h4>基本选择器</h4>
17     <p id="p1">所谓的基本选择器，指的是在jQuery中使用最频繁的选择器。在jQuery中，基本选择器共有5种：</p>
18     <ul>
19         <li class="xzq">元素选择器</li>
20         <li class="xzq">id选择器</li>
21         <li class="xzq">class选择器</li>
22         <li class="xzq">群组选择器</li>
23         <li class="xzq">*选择器</li>
24     </ul>
25     <script type="text/javascript">
26         // $('h4').css('color','red')
27         // $('#p1').css('color','green')
28         // $('.xzq').css('color','blue')
29         // $('#p1,.xzq').css('font-size','12px')
30     </script>
31 </body>
32 </html>