jQuery基礎選擇器
阿新 • • 發佈：2022-04-17
原生JS獲取元素方式很多，很雜，而且相容性情況不一致，因此jQuery給我們做了封裝，使獲取元素統一標準。
程式碼示例：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>基礎選擇器</title> </head> <body> <div id="mydiv1"> id選擇器1 <span>span中的內容</span> </div> <div id="mydiv1" class="blue"> 元素選擇器 </div> <span class="blue">樣式選擇器</span> </body> <!-- 基礎選擇器 id選擇器 #id屬性值 $("#ID屬性值") 選擇id為指定值的元素物件（如果有多個同名id，則以第一個為準) 類選擇器 .class屬性值 $(".class屬性值") 選擇class為指定值的元素物件 元素選擇器 標籤名\元素名 $("標籤名\元素名") 選擇所有指定標籤的元素物件 通用選擇器 * $("*") 選擇頁面中所有的元素物件 組合選擇器 選擇器1，選擇器2，... $("選擇器1，選擇器2，... ") 選擇指定選擇器選中的元素物件--> <script src="js/jquery-3.6.0.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> //id選擇器 #id屬性值 var mydiv = $("#mydiv1"); console.log(mydiv); //類選擇器 .class屬性值 var clas = $(".blue"); console.log(clas) //元素選擇器 標籤名\元素名 var spans = $("span") console.log(spans); //通用選擇器 * var all =$("*") console.log(all); //組合選擇器 選擇器1，選擇器2，... var group = $("#mydiv1,div,.blue") console.log(group); </script> </html>