jquery查找元素
一:查找元素
* 所有元素
element 該名稱的所有元素(p,input)
#id 擁有指定id屬性的元素
.class 擁有所有指定class屬性的元素
selector1,selector2 能匹配多個選擇器的元素
二:基本選擇器
div p 一個元素是另一個元素的後代
div > p(parent > child) 一個元素是另一個元素的直接子節點(可以在p後面使用*來指定元素的所有子元素)
div1 + div2(previous + next) 相鄰的兄弟選擇器,只會選擇緊跟在前一個元素之後的那一個元素
div1 ~ div2(previous + siblings) 兄弟選擇器會選中前一個元素的所有兄弟元素
三:基本篩選器
:not(selector) 除選擇器之外的所有元素(比如div:not(“#summary”))
:first 除去元素中的第一個元素
:last 除去元素的最後一個元素
:even 選中元素中索引編號為偶數的元素
:odd 選中元素中索引編號為奇數的元素
:eq(index) 選中元素中索引編號為參數中指定數字的元素
:gt(index) 選中元素中索引編號大於參數中指定數字的元素
:lt(index) 選中元素中索引編號小於參數中指定數字的元素
header 所有的<h1>到<h6>元素
:animated 正在進行動畫的元素
:focus 當前擁有焦點的元素
四:內容篩選器
:contains(“text”) 包含參數中指定文本的元素
:empty 沒有子節點的所有元素
:parent 擁有子節點(文本或子元素)的元素
:has(selector) 至少包含一個匹配選擇器的元素(例如,div:has(p))匹配所有包含<p>元素的div元素
五:可見性篩選器
:hidden 所有隱藏的元素
:visible 所有在頁面布局中占據空間的元素
不會被選中的元素包括:display:none;height/width:0;祖先元素被隱藏;
會選中的元素:visibility:hidden;opacity:0;因為他們都會在布局中占據空間
六:子節點篩選器
:nth-child(expr) 參數中的值是從1開始的索引
:first-child 當前選中元素的第一個子節點
:last-child 當前選中元素的最後一個子節點
:only-child 當元素是父元素中唯一的子節點時
七:屬性篩選器
[attribute] 擁有指定屬性的元素
[attribute=‘value’] 擁有指定屬性,並且值為指定值得元素
[attribute!=‘value’] 擁有指定屬性,並且值補位指定值得元素
[attribute^=‘value’] 屬性的值以特定的值開頭
八:表單選擇器
:input 所有的input元素
:text 所有文本類型的input元素
:password 所有密碼類型的input元素
:radio 所有的單選按鈕
:checkbox 所有的復選框
:submit 所有的提交按鈕
:image 所有的圖片按鈕
:reset 所有的重置按鈕
:button 所有的<button>元素
:file 所有的文件選擇器
:selected 下拉列表中所有被選中的列表項
:enabled 所有可用的表單元素
:disabled 所有被禁用的表單元素
:checked 所有被選中的單選按鈕或復選框
jquery查找元素