根據(jù)屬性，找對應的元素

1.查找所有含有 id 屬性的 div 元素

<div><p>Hello!</p> </div> <div id="test2"></div>jquery代碼：$("div[id]")

?

2.查找所有 name 屬性是 newsletter 的 input 元素

<input type="checkbox" name="newsletter" value="Hot Fuzz" /> <input type="checkbox" name="newsletter" value="Cold Fusion" /> <input type="checkbox" name="accept" value="Evil Plans" />jquery代碼：$("input[name='newsletter']")

?

3.查找所有 name 屬性不是 newsletter 的 input 元素

<input type="checkbox" name="newsletter" value="Hot Fuzz" /> <input type="checkbox" name="newsletter" value="Cold Fusion" /> <input type="checkbox" name="accept" value="Evil Plans" />jquery代碼：$("input[name!='newsletter']")

4.查找所有 name 以 'news' 開始的 input 元素

<input name="newsletter" /> <input name="milkman" /> <input name="newsboy" />jquery代碼：$("input[name^='news']") //name屬性值以news開頭的input元素

5.查找所有 name 以 'letter' 結尾的 input 元素

<input name="newsletter" /> <input name="milkman" /> <input name="jobletter" />jquery代碼：$("input[name$='letter']")

?

<input id="man-news" name="man-news" /> <input name="milkman" /> <input id="letterman" name="new-letterman" /> <input name="newmilk" />$("input[id][name$='man']")//查詢帶有id屬性，并且name屬性值以man結尾的input元素

prev + next：匹配所有跟在 label 后面的 input 元素

<form><label>Name:</label><input name="name" /> </form> <input name="none" />jquery代碼：$("label + input")

prev ~ siblings：找到所有與表單同輩的 input 元素?

<form><label>Name:</label><input name="name" /><fieldset><label>Newsletter:</label><input name="newsletter" /></fieldset> </form> <input name="none" />jquery代碼：$("form ~ input")

總結

以上是生活随笔為你收集整理的jquery根据属性查询元素的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。