利用jQuery選擇將被操作的元素

2022-02-22 17:33:17 字數 2493 閱讀 3062

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 其它返回值將...