我們知道原生**中使用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...