jQuery中的選擇器

2021-07-11 11:19:49 字數 1998 閱讀 7376

我們知道原生**中使用document.getelementbyid(id)獲取指定id的dom物件

在jquery中可以通過$識別符號+選擇器選擇頁面中任一元素

#id

:根據元素的

id屬性獲取指定的元素

element

:根據元素的名稱獲取指定的元素

selector1,selector2

:匹配所有滿足條件的元素

.class

:根據元素的

class

屬性獲取指定的元素

ancestor (

空格) descendant

:選取祖先元素下的所有後代元素

parent > child

:選擇父元素下的所有子元素

prev + next

prev ~ siblings

:first :匹配第乙個元素

:last :匹配最後乙個元素

:even :匹配所有偶數

:odd : 匹配所有奇數

:eq(index)

:匹配索引為

index

的元素(預設索引從

0開始)

:gt(index) :匹配索引大於index的元素

:lt(index) :匹配索引小於index的元素

:not(selector)

:匹配除指定選擇器以外的其他元素

:contains(text) :匹配內容包含指定文字的元素

:empty

:匹配內容為空的元素

:has(selector)

:匹配具有指定選擇器的元素

:parent :匹配 (內容不為空的元素)

:hidden :匹配所有隱藏元素(display:none,input type=』hidden』)

:visible :匹配所有可見元素(display:block)

[attribute]

:匹配具有指定屬性的元素

[attribute=value] :匹配屬性值等於value的元素

[attribute!=value] :匹配屬性值不等於value的元素

[attribute^=value] :匹配屬性值以value開始的元素

[attribute$=value] :匹配屬性值以value結尾的元素

[attribute*=value] :匹配屬性值包含value的元素

[selector1][selector2][selectorn] :匹配同時包含多個屬性的元素

:nth-child(index/even/odd) 從1算起 :匹配索引為index的指定元素

:first-child :匹配第乙個子元素

:last-child :匹配最後乙個子元素

:only-child :如果當前元素是唯一子元素,則匹配

:input

:匹配所有表單元素

:text :匹配所有文字框

:password :匹配所有密碼框

:radio :匹配所有單選按鈕

:checkbox :匹配所有核取方塊

:submit :匹配提交按鈕

:reset :匹配重置按鈕

:image :匹配影象域

:button :匹配按鈕

:file :匹配檔案域

:hidden :匹配隱藏表單

$(『:input』)匹配所有表單元素,包括select與textarea元素

$(『input』)只能匹配input標籤

:enabled :匹配所有可用元素

:disabled :匹配所有不可用元素

:checked

:匹配核取方塊被選中元素的值

:selected

:匹配下拉選框被選中元素的值

disabled與readonly雖然都可以限定文字框被編輯,但是兩者還是有區別的,主要區別在於readonly可以在php對其進行接收,而disabled是接收不到任何資料的。

jquery中的選擇器

1根據 id 具體的寫法jquery id 2根據名稱,body myform.text1 3css選擇器,p input radio documnet.forms 0 class div,p,span.class 層級 div p 子級的 元素 div p 子孫級的 元素 prev next 緊跟...

Jquery中的選擇器

jquery中的選擇器有很多類,比如id選擇器,class選擇器,html標籤選擇器等。id選擇器 就是通過乙個html元素的id來選擇它,因為html中的id是唯一的,所以通過id,我們可以找到唯一的html元素。比如 我們可以通過 div1 來選擇外面的div,是用來表示我進行的是通過id的選擇...

jQuery中的選擇器

jquery中的選擇器分成3類,分別是基本選擇器 層次選擇器和過濾選擇器。1.選擇id為one的元素 one 2.選擇class為nimi的所有的元素 nimi 3.選擇標籤名是div的所有元素 div 4.選擇所有的元素 5.組合選擇器,比如選擇所有的span元素和id為two的元素 span,t...