フォーラム | 最新のWeb開発のチュートリアル
 

jQueryセレクタ


jQueryのセレクタ

私たちの使用jQueryのセレクタテスターを異なるセレクタを実証します。

セレクタ 選択
* $("*") すべての要素
# id $("#lastname") 持つ要素id="lastname"
. class $(".intro") 持つすべての要素class="intro"
. class, . class $(".intro,.demo") 持つすべての要素class "intro""demo"
element $("p") すべての<p>要素
el1 , el2 , el3 $("h1,div,p") すべての<h1>, <div> <p> <h1>, <div> <p>要素
   
:first $("p:first") 最初の<p>要素
:last $("p:last") 最後の<p>要素
:even $("tr:even") すべての偶数<tr>要素
:odd $("tr:odd") すべての奇数<tr>要素
   
:first-child $("p:first-child") すべての<p>親の最初の子である要素
:first-of-type $("p:first-of-type") すべての<p>最初の要素<p>親の要素
:last-child $("p:last-child") すべての<p>親の最後の子である要素
:last-of-type $("p:last-of-type") すべての<p>最後の要素<p>親の要素
:nth-child( n ) $("p:nth-child(2)") すべての<p>親の第二子である要素
:nth-last-child( n ) $("p:nth-last-child(2)") すべての<p>親の第二子である要素、最後の子から数え
:nth-of-type( n ) $("p:nth-of-type(2)") すべての<p>第二の要素<p>親の要素
:nth-last-of-type( n ) $("p:nth-last-of-type(2)") すべての<p>第二の要素<p>親の要素、最後の子から数え
:only-child $("p:only-child") すべての<p>親の唯一の子である要素
:only-of-type $("p:only-of-type") すべての<p>そのタイプの、その親の唯一の子である要素、
   
parent > child $("div > p") すべての<p>の直接の子である要素<div>要素
parent descendant $("div p") すべての<p>の子孫である要素<div>要素
element + next $("div + p") <p>それぞれの隣にある要素<div>要素
element ~ siblings $("div ~ p") すべての<p>の兄弟である要素<div>要素
   
:eq( index ) $("ul li:eq(3)") リスト内の4番目の要素(インデックスは0から始まります)
:gt( no ) $("ul li:gt(3)") 3より大きいインデックスを持つリスト要素
:lt( no ) $("ul li:lt(3)") 3未満のインデックス付きリストの要素
:not( selector ) $("input:not(:empty)") 空でないすべての入力要素
   
:header $(":header") すべてのヘッダ要素<h1>, <h2> ...
:animated $(":animated") すべてのアニメーション要素
:focus $(":focus") 現在フォーカスを持っている要素
:contains( text ) $(":contains('Hello')") テキストを含むすべての要素"Hello"
:has( selector ) $("div:has(p)") <p>要素を持っているすべての<div>要素
:empty $(":empty") 空になっているすべての要素
:parent $(":parent") 別の要素の親であるすべての要素
:hidden $("p:hidden") すべての隠された<p>要素
:visible $("table:visible") すべての可視テーブル
:root $(":root") 文書のルート要素
:lang( language ) $("p:lang(de)") すべての<p>で始まるlang属性値を持つ要素"de"
   
[ attribute ] $("[href]") 持つすべての要素href属性
[ attribute = value ] $("[href='default.htm']") 持つすべての要素hrefに等しい属性値"default.htm"
[ attribute != value ] $("[href!='default.htm']") 持つすべての要素hrefに等しくない属性値"default.htm"
[ attribute $= value ] $("[href$='.jpg']") 持つすべての要素hrefで終わる属性値".jpg"
[attribute|=value] $("[title|='Tomorrow']") すべてに等しいtitle属性値を持つ要素の'Tomorrow' 、または始まる'Tomorrow'ハイフンが続きます
[attribute^=value] $("[title^='Tom']") title属性値を持つすべての要素が始まる"Tom"
[attribute~=value] $("[title~='hello']") 特定の単語を含むtitle属性値を持つすべての要素"hello"
[attribute*=value] $("[title*='hello']") 単語を含むtitle属性値を持つすべての要素"hello"
   
:input $(":input") すべての入力要素
:text $(":text") 持つすべての入力要素type="text"
:password $(":password") 持つすべての入力要素type="password"
:radio $(":radio") 持つすべての入力要素type="radio"
:checkbox $(":checkbox") 持つすべての入力要素type="checkbox"
:submit $(":submit") 持つすべての入力要素type="submit"
:reset $(":reset") 持つすべての入力要素type="reset"
:button $(":button") 持つすべての入力要素type="button"
:image $(":image") 持つすべての入力要素type="image"
:file $(":file") 持つすべての入力要素type="file"
:enabled $(":enabled") すべてのenabled入力要素
:disabled $(":disabled") すべてのdisabled入力要素
:selected $(":selected") すべてのselected入力要素
:checked $(":checked") すべてのchecked入力要素

Hi Traveller Fashion Tomorrow Startups Daily News Fit Science Amazing Baby Yup This is Japan Take Film Art In Life