1.jquery所支援的基本css選擇器
選擇器
描述
匹配任何元素
e 匹配標籤名稱為e的所有元素
e f
匹配標籤名稱為f、作為e的後代節點的所有元素
e>f
匹配標籤名稱為f、作為e的直接子節點的所有元素
e+f
匹配前面是臨近兄弟節點e的所有元素f(e和f緊挨著)
e-f
匹配前面是任何兄弟節點e的所有元素f(e和f可以不緊挨著)
e:has(f)
匹配標籤名稱為e、至少有乙個標籤名稱為f的後代節點的所有元素。
e.c匹配帶有類名c的所有元素e。等效於(*.c)
e#i匹配id特性值為i的元素e。
e[a]
匹配帶有特性a的所有元素e(不管特性a的值是什麼)
e[a=v]
匹配所有元素e,其特性a的值正好是v
e[a^=v]
匹配所有元素e,其特性a的值是以v開頭
e[a$=v]
匹配所有元素e,其特性a的值是以v結尾
e[a*=v]
匹配所有元素e,其特性a的值包含v
2.jquery支援更高階的位置選擇器:根據在dom裡的文章來選擇元素
:first
頁面的最先的匹配。li a:first 返回最先的、並且在列表(
)項下的鏈結
:last
頁面的最先的匹配。li a:last 返回最後的、並且在列表
()項下的鏈結
:first-child
最先的子元素。li:frist-child 返回每個列表的最先的項
:last-child
最後的子元素。li:last-child 返回每個列表的最後的項
:only-child
返回沒有兄弟節點的所有元素
:nth-child(n)
第n個子節點(n從1開始)。li:nth-child(2)返回每個列表的第二個
項。
:nth-child(even|odd)
奇數|偶數的子節點。li:nth-child(even)返回每個序列的偶數子節點
:nth-child(xn+y)
根據傳入的公式計算的第n個子節點。如果y為0,則忽略y。n從0開始,且x不等於0. li:nth-child(3n)返回3的倍數的項,而li:nth-child(5n+1)返回5的倍數的項的下一項。
:even 或:odd
頁面範圍內偶數或奇數的匹配元素。li:even返回全部偶數
項。
:eq(n)
第n個匹配元素(n從0開始)
:gt(n)
第n個匹配元素(不包括)之後的元素(n從0開始)
:lt(n)
第n個匹配元素(不包括)之前的元素(n從0開始)
3.jquery 自定義的篩選選擇器賦予標識目標元素的無窮力量
:animated
選擇當前處於動態控制之下的元素。
:button
選擇任何按鈕(input[type=submit]、input[type=reset]、input[type=button])
:checkbox
只選擇核取方塊元素(input[type=checkbox])
:checked
只選擇已選中的核取方塊或單選按鈕(為css所支援)
:contains(foo)
只選擇包含文字foo的元素
:disabled
只選擇介面上已經禁用的表單元素
:enabled
只選擇介面上已啟用的表單元素
:file
選擇所有檔案元素(input[type=file])
:header
只選擇標題元素(
,n代表數字1到6).比如:
:hidden
只選擇隱藏的元素
:image
選擇表單影象元素(input[type=image])
:input
只選擇表單元素(、、
、):not(filter)
根據指定的篩選條件取反
:parent
選擇有後代節點(包括文字)的元素,而排除空元素
:password
選擇口令元素(input[type=password])
:radio
選擇單選按鈕(input[type= radio])
:reset
選擇復位按鈕(input[type= reset] 或 button[type=reset])
:selected
選擇已經選中的選項元素
:submit
選擇提交按鈕元素(input[type= submit] 或 button[type= submit])
:text
選擇文字字段元素(input[type=text])
:visible
選擇可見元素
Jquery操作 選擇型表單
1,下拉框 var cc1 formc select name country option selected text 得到下拉列表的選中項的文字 注意中間有空格 var cc2 formc select name country val 得到下拉列表的選中項的值 var cc3 formc se...
利用JQUERY來操作Radio的方法
在開發中經常會用到radio來實現使用者的選擇效果,我在專案中積累了一些利用jquery來操作radio的方法,在這裡分享一下,供有需要的朋友借鑑。1 改變radio的選擇,觸發一些效果 複製 如下 input radio name dialcheckresult change function 2...
利用jQuery操作物件陣列
jquery 對於陣列元素操作主要提供了以下工具 1 陣列和物件的例遍 jquery.each obj,callback 通用例遍方法,可用於例遍物件和陣列。函式擁有兩個引數 第乙個為物件的成員或陣列的索引,第二個為對應變數或內容。如果需要退出 each 迴圈可使 函式返回 false 其它返回值將...