jquery根据属性查询元素

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")

转载于：https://blog.csdn.net/qq_40849141/article/details/81562356?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromBaidu-1&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromBaidu-1