1. 程式人生 > >jquery查找元素

jquery查找元素

post rsquo 第一個 少包 開頭 查找 selector 內容 兄弟元素

一:查找元素

*  所有元素

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查找元素