1. 程式人生 > >JQ中的選擇器使用

JQ中的選擇器使用



$("div[id]")              選擇所有含有id屬性的div元素
$("input[name='newsletter']")    選擇所有的name屬性等於'newsletter'的input元素
 
$("input[name!='newsletter']") 選擇所有的name屬性不等於'newsletter'的input元素
 
$("input[name^='news']")         選擇所有的name屬性以'news'開頭的input元素
$("input[name$='news']")         選擇所有的name屬性以'news'結尾的input元素
$("input[name*='man']")          選擇所有的name屬性包含'news'的input元素
 
$("input[id][name$='man']")    可以使用多個屬性進行聯合選擇,該選擇器是得到所有的含有id屬性並且那麼屬性以man結尾的元素
 
子元素過濾選擇器:
 
$("ul li:nth-child(2)"),$("ul li:nth-child(odd)"),$("ul li:nth-child(3n + 1)")
 
$("div span:first-child")          返回所有的div元素的第一個子節點的陣列
$("div span:last-child")           返回所有的div元素的最後一個節點的陣列
$("div button:only-child")       返回所有的div中只有唯一一個子節點的所有子節點的陣列
 
表單元素選擇器:
 
$(":input")                  選擇所有的表單輸入元素,包括input, textarea, select 和 button
 
$(":text")                     選擇所有的text input元素
$(":password")           選擇所有的password input元素
$(":radio")                   選擇所有的radio input元素
$(":checkbox")            選擇所有的checkbox input元素
$(":submit")               選擇所有的submit input元素
$(":image")                 選擇所有的image input元素
$(":reset")                   選擇所有的reset input元素
$(":button")                選擇所有的button input元素
$(":file")                     選擇所有的file input元素

$(":hidden")               選擇所有型別為hidden的input元素或表單的隱藏域



$("div[id]")              選擇所有含有id屬性的div元素
$("input[name='newsletter']")    選擇所有的name屬性等於'newsletter'的input元素
 
$("input[name!='newsletter']") 選擇所有的name屬性不等於'newsletter'的input元素
 
$("input[name^='news']")         選擇所有的name屬性以'news'開頭的input元素
$("input[name$='news']")         選擇所有的name屬性以'news'結尾的input元素
$("input[name*='man']")          選擇所有的name屬性包含'news'的input元素
 
$("input[id][name$='man']")    可以使用多個屬性進行聯合選擇,該選擇器是得到所有的含有id屬性並且那麼屬性以man結尾的元素
 
子元素過濾選擇器:
 
$("ul li:nth-child(2)"),$("ul li:nth-child(odd)"),$("ul li:nth-child(3n + 1)")
 
$("div span:first-child")          返回所有的div元素的第一個子節點的陣列
$("div span:last-child")           返回所有的div元素的最後一個節點的陣列
$("div button:only-child")       返回所有的div中只有唯一一個子節點的所有子節點的陣列
 
表單元素選擇器:
 
$(":input")                  選擇所有的表單輸入元素,包括input, textarea, select 和 button
 
$(":text")                     選擇所有的text input元素
$(":password")           選擇所有的password input元素
$(":radio")                   選擇所有的radio input元素
$(":checkbox")            選擇所有的checkbox input元素
$(":submit")               選擇所有的submit input元素
$(":image")                 選擇所有的image input元素
$(":reset")                   選擇所有的reset input元素
$(":button")                選擇所有的button input元素
$(":file")                     選擇所有的file input元素
$(":hidden")               選擇所有型別為hidden的input元素或表單的隱藏域