$("p")//引號第一個無特殊字符，在頁面中選取所有 <p> 元素:
$(".test")//在引號中第一個字符為“.”，即選擇的是的節點
$("#test")//在引號中第一個字符為“#”，即選擇的是id="test"的節點
//標簽不唯一，如果找到符合標簽的有多個，則會回傳所有符合條件的節點，
//id是唯一的，如果找到符合id的有多個，則只會回傳一個，
//class不唯一，如果找到符合id的有多個，則會回傳所有符合條件的節點，
$("#test1").parent(); // 父節點
$("#test1").parents(); // 全部父節點
$("#test1").parents(".mui-content");//回傳class為mui-content的父節點
$("#test1").children(); // 全部子節點
$("#test1").children("#test1"); //回傳id為test1的子節點
$("#test1").contents(); // 回傳id為test1里面的所有內容，包括節點和文本
$("#test1").contents("#test1"); //回傳id為test里面的id為#test1的節點和文本
$("#test1").prev(); // 上一個兄弟節點
$("#test1").prevAll(); // 之前所有兄弟節點
$("#test1").next(); // 下一個兄弟節點
$("#test1").nextAll(); // 之后所有兄弟節點
$("#test1").siblings(); // 所有兄弟節點
$("#test1").siblings("#test2"); //回傳id為test2的兄弟節點
$("#test").find("#test1"); //選中id為test后代中 id為test1的節點
$("#test").eq(1); // 選取id為test1中匹配的索引順序為1的元素(也就是第2個li元素)
$("#test").first(); // 選取id為test1中匹配的第一個元素
$("#test").last(); // 選取id為test1中匹配的最后一個元素
$("#test").slice(1, 4); // 選取第2 ~ 4個元素
$("#test").filter(":even"); // 選取ul li中所有奇數順序的元素
$("*")//選取所有元素
$(this)//選取當前 HTML 元素
$("p.intro")//選取 class 為 intro 的 <p> 元素$("p:first")選取第一個 <p> 元素
$("ul li:first")//選取第一個 <ul> 元素的第一個 <li> 元素
$("ul li:first-child")//選取每個 <ul> 元素的第一個 <li> 元素$("[href]")選取帶有 href 屬性的元素
$("a[target='_blank']")//選取所有 target 屬性值等于 "_blank" 的 <a> 元素
$("a[target!='_blank']")//選取所有 target 屬性值不等于 "_blank" 的 <a> 元素$(":button")選取所有 type="button" 的 <input> 元素 和 <button> 元素
$("tr:even")//選取偶數位置的 <tr> 元素
$("tr:odd")//選取奇數位置的 <tr> 元素
注意的是JavaScript獲得的節點并不等于jquery節點，
通過javascript的getElementsByTagName獲取到的節點的元素是一個dom合集物件 ， 通過jQuery生成的物件是一個做了包裝處理的物件 ，
注意上面的方法 回傳的是jquery 集合 需要繼續用jq的方法操作或取值，
如果想要轉為dom 直接操作的只需要 取它的下標即可，
$("#test1").parent()[0] //回傳的就是dom節點
參考文章：
https://www.cnblogs.com/millethandsome/p/11887833.html
https://www.runoob.com/jquery/jquery-selectors.html
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/227130.html
標籤：其他
上一篇：jQuery中的Ajax