En son web geliştirme öğreticiler
 

jQuery Seçiciler


jQuery Seçiciler

Bizim kullanın jQuery Seçici Tester farklı seçicileri göstermek için.

selektör Örnek seçer
* $("*") Tüm öğeler
# id $("#lastname") Ile eleman id="lastname"
. class $(".intro") Tüm elemanlar class="intro"
. class, . class $(".intro,.demo") Tüm elemanlar class "intro" ya "demo"
element $("p") Tüm <p> elemanları
el1 , el2 , el3 $("h1,div,p") Tüm <h1>, <div> <p> <h1>, <div> <p> elemanlar
   
:first $("p:first") İlk <p> elemanının
:last $("p:last") Geçen <p> elemanı
:even $("tr:even") Tüm bile <tr> elemanları
:odd $("tr:odd") Tüm tuhaf <tr> elemanları
   
:first-child $("p:first-child") Tüm <p> ebeveynlerinden ilk çocuk olan unsurlar
:first-of-type $("p:first-of-type") Tüm <p> ilk olarak elementler <p> ebeveynlerinden elemanı
:last-child $("p:last-child") Tüm <p> ebeveynlerinden son çocuk olan unsurlar
:last-of-type $("p:last-of-type") Tüm <p> son olan unsurlar <p> ebeveynlerinden elemanı
:nth- child( n ) $("p:nth- child(2) ") Tüm <p> ebeveynlerinden 2. çocuk olan unsurlar
:nth-last- child( n ) $("p:nth-last- child(2) ") Tüm <p> Geçen çocuktan sayma ebeveynlerinden 2. çocuk olan unsurlar,
:nth-of- type( n ) $("p:nth-of- type(2) ") Tüm <p> 2 olan unsurlar <p> ebeveynlerinden elemanı
:nth-last-of- type( n ) $("p:nth-last-of- type(2) ") Tüm <p> 2 olan unsurlar <p> Geçen çocuktan sayma onların ebeveyn eleman,
:only-child $("p:only-child") Tüm <p> ebeveynlerinden tek çocuğu olan unsurlar
:only-of-type $("p:only-of-type") Tüm <p> ebeveynlerinden, Türünün, tek çocuğu olan unsurlar
   
parent > child $("div > p") Tüm <p> Bir doğrudan bir çocuksun elemanları <div> elemanı
parent descendant $("div p") Tüm <p> Bir torunları elemanları <div> elemanı
element + next $("div + p") <p> Her yanındadır eleman <div> elemanlarının
element ~ siblings $("div ~ p") Tüm <p> Bir kardeşleridir elemanları <div> elemanı
   
: eq( index ) $("ul li: eq(3) ") Listedeki dördüncü unsur (index starts at 0)
: gt( no ) $("ul li: gt(3) ") bir dizin ile Liste elemanları 3'ten büyük
: lt( no ) $("ul li: lt(3) ") bir dizin ile Liste elemanları 3'ten az
: not( selector ) $("input: not(:empty) ") Boş olmayan tüm giriş elemanları
   
:header $(":header") Tüm başlık öğesi <h1>, <h2> ...
:animated $(":animated") Tüm animasyonlu elemanlar
:focus $(":focus") odağa sahip eleman
: contains( text ) $(": contains('Hello') ") Metni içeren tüm unsurlar "Hello"
: has( selector ) $("div: has(p) ") Tüm <div> Bir var elementler <p> elemanı
:empty $(":empty") Boş olan bütün elemanlar
:parent $(":parent") başka elemanın bir ebeveyn olan tüm unsurlar
:hidden $("p:hidden") Tüm gizli <p> elemanları
:visible $("table:visible") Görünür tüm tabloları
:root $(":root") belgenin kök öğe
: lang( language ) $("p: lang(de) ") Tüm <p> Bir lang özellik değeri ile başlayan elemanlar "de"
   
[ attribute ] $("[href]") Bir ile tüm unsurlar href özniteliği
[ attribute = value ] $("[href='default.htm']") Bir ile tüm unsurlar href eşit özellik değeri "default.htm"
[ attribute != value ] $("[href!='default.htm']") Bir ile tüm unsurlar href eşit değildir özellik değeri "default.htm"
[ attribute $= value ] $("[href$='.jpg']") Bir ile tüm unsurlar href ile biten özellik değeri ".jpg"
[ attribute |= value ] $("[title|='Tomorrow']") Bir başlık ile bütün elemanlar eşit özellik değerini 'Tomorrow' ile veya başlangıç 'Tomorrow' bir tire ile, ardından
[ attribute ^= value ] $("[title^='Tom']") Bir başlık ile tüm unsurları değeri ile başlayan öznitelik "Tom"
[ attribute ~= value ] $("[title~='hello']") Belirli bir kelime ihtiva eden bir başlık, özellik değeri tüm elemanlar "hello"
[ attribute* = value ] $("[title*='hello']") Sözcüğünü içeren bir başlık, özellik değeri tüm elemanlar "hello"
   
:input $(":input") Tüm giriş elemanları
:text $(":text") Tüm giriş elemanları type="text"
:password $(":password") Tüm giriş elemanları type="password"
:radio $(":radio") Tüm giriş elemanları type="radio"
:checkbox $(":checkbox") Tüm giriş elemanları type="checkbox"
:submit $(":submit") Tüm giriş elemanları type="submit"
:reset $(":reset") Tüm giriş elemanları type="reset"
:button $(":button") Tüm giriş elemanları type="button"
:image $(":image") Tüm giriş elemanları type="image"
:file $(":file") Tüm giriş elemanları type="file"
:enabled $(":enabled") Tüm enabled girdi elemanları
:disabled $(":disabled") Tüm disabled giriş elemanları
:selected $(":selected") Tüm selected giriş elemanları
:checked $(":checked") Tüm checked giriş elemanları