選擇dom元素和建立新的dom元素
選擇器實驗室 chapter2/lab.selectors.html
相同於css中的選擇方法
element #id .class 以及組合，如：label.out
selector1,selector2,selector3: 或選擇器
[selector1],[selector2],[selector3]： 與選擇器
利用彼此之間的關係來選擇元素，如：
ancestor descendant ，如 div tr
parent>child ， 如tr>td
pre +next：匹配前面是臨近兄弟節點pre的所有next元素 （緊相鄰）
pre~siblings: 匹配前面是兄弟節點pre的所有siblings元素 （不緊相鄰）
e[attr]：有attr屬性的元素e
e[attr=value] 嚴格相等
e[attr^=value] 開始
e[attr$=value]
e[attr*=value]
e[attr!=value]
e:contains(text) 匹配名稱為e，且文字內容包含text 的元素
e:has(selector) 匹配名稱為e，且包含選擇器對應的後代節點 的元素
這兩個，contains用於匹配文字 has用於匹配selector
:empty 不包含子元素或文字的空元素
:parent 包含子元素或文字的節點，與:empty正好相反
:first
:last
:eq(n) :lt(n) :gt(n) :even :odd
:hidden :visible
:button input[type=reset] input[type=submit] input[type=button]或button
:checkbox input[type=checkbox]
:file input[type=file]
:header 匹配h1 h2 h3之類的標題元素
:hidden
:image
:input input select textarea button
:password
:radio
:reset
:submit
:text input[type=text]
:checked 匹配checked的radio和checkbox
:selected 選擇已選中的選項元素
:disabled
:focus 當前焦點物件
:enabled
:nth-child(n/even/odd/xn+y) n從1開始,選擇子節點
:first-child 返回第乙個子元素
:last-child
:only-child 返回沒有兄弟節點的所有元素
例如： li:first-child 先找到所有的li,再找到li的父元素，選擇父元素下的第乙個元素， 和first相比，first只會選擇第乙個，而first-child會選擇多個。
:not(selector) 對選擇器執行非運算
:animated 匹配沒有在執行動畫效果的元素
jquery 選擇相鄰元素 jQuery學習
不甘於 本該如此 多選引數 值得關注 選擇器名稱 描述返回 例項 id id選擇器 根據給定的id匹配乙個元素。單個元素 box 選取id為box元素 element 元素選擇器 根據給定的元素名匹配所有元素 集合元素 span 選取所有元素 class 類選擇器 根據給定的類匹配元素。集合元素 b...
JQuery學習筆記 子元素選擇器
id 為 one,class 為 one 的div class為mini id為two,class為one,title為test的div class為mini,title為other class為mini,title為test class為mini class為mini class為mini cla...
jQuery元素選擇
1 查詢所有符合條件的元素 find 舉例 ul find li addclass tmpexample 查詢頁面中ul元素下的所有li元素，並為查詢到的li元素增加tmpexample樣式。2 查詢指定元素的兄弟節點 siblings 舉例 li tmpcarrot slblings addcla...