JQuery中$之選擇器用法介紹
2019-11-20 23:52:32
供稿：網友
1.$。在jQuery 中$("<span>")，這個語法等同于$(document.createElement("span")) ，這是一種用法，在選擇元素的時候還會這樣子的用：[attribute$=value]，匹配給定的屬性是以某些值結尾的元素。下面舉個例子來說明一下：
HTML代碼
<input name="newsletter" />
<input name="milkman" />
<input name="jobletter" />
jQuery 代碼:
$("input[name$='letter']")
結果:
[ <input name="newsletter" />, <input name="jobletter" /> ]
2.!。選擇器：[attribute!=value]，匹配所有不含有指定的屬性，或者屬性不等于特定值的元素，此選擇器等價于:not([attr=value])。
例子說明一下：
HTML代碼
<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']").attr("checked", true);
結果:
[ <input type="checkbox" name="accept" value="Evil Plans" checked="true" /> ]
3.*。選擇器：[attribute*=value]，匹配給定的屬性是以包含某些值的元素。舉個例子說明一下：
HTML 代碼:
<input name="man-news" />
<input name="milkman" />
<input name="letterman2" />
<input name="newmilk" />
jQuery 代碼:
$("input[name*='man']")
結果:
[ <input name="man-news" />, <input name="milkman" />, <input name="letterman2" /> ]
4.@。匹配包含給定屬性的元素。注意，在jQuery 1.3中，前導的@符號已經被廢除！如果想要兼容最新版本，只需要簡單去掉@符號即
可。
5.^。選擇器：[attribute^=value]，匹配給定的屬性是以某些值開始的元素，下面舉個例子來說明一下：
HTML 代碼:
<input name="newsletter" />
<input name="milkman" />
<input name="newsboy" />
jQuery 代碼:
$("input[name^='news']")
結果:
[ <input name="newsletter" />, <input name="newsboy" /> ]
在jquery中，當使用$("input[name='metaId']“).val()不能直接獲得被選擇的radio的值，只是獲得 radio標簽的第一個值，這可能jquery使用xpath語言了進行查找有關，而我們通常是想獲得被選中的radio的值，有以下幾種方法：
1，使用$("input[name='metaId']:checked").val()獲得 //name代表radio中name屬性名
2，使用$(":radio:checked").val()獲得 //限制頁面只有一組radio標簽
