Niyə biz necə JQuery-selector qeyd və lazımdır?

Modern web dizayner yalnız master lazımdır HTML, əsasları CSS və JavaScript, həm də HTML-sənədlər JavaScript qarşılıqlı diqqət JQuery kitabxana, iş edə bilərsiniz. tez hər hansı bir element DOM (content html faylları girişi təmin edir tətbiq proqramlaşdırma interfeysi) istifadə etmək imkanı və onları manipulyasiya imkan verir. Kitabxananın əsas struktur bölmələri komanda var. bir tətbiq etmək üçün və ya digər komanda, bir JQuery-selector lazımdır.

JQuery kitabxana Formula seçiciler

JQuery seçiciler CSS istifadə əsaslanır. Onlar (komanda) manipulyasiya bu və ya digər üsullarla səbəb onlara istifadə etmək, maddələr HTML fayl seçmək üçün tələb olunur. Axtarış selector $ () funksiyası vasitəsilə həyata keçirilir. Məsələn, $ (div).

seçiciler elementlərinin necə seçilməsi asılı olaraq təsnif edilə bilər:

• əsas;
• atributu ilə;
• iyerarxiya;
• məzmunu;
• vəziyyətlə bağlı;
• formu alanları seçimi;
• başqaları.

Key seçiciler

Bu kitabxana əsas qrupa aid JQuery-selector istifadə istifadə edərkən hallarda 90%. Onların hamısı olduqca sadə və aydındır. Bizə onların hər nəzərdən keçirək:

• * - s baş, bədən, o cümlədən bütün səhifə elementləri seçir.
• p / div / sidebar / ... - müəyyən bir tag ilə bağlı bütün elementləri seçir (yəni p.div, sidebar, və s ... üçün);
• .myClass / p.myClass - müəyyən sinif adı ilə elementləri seçir;
• # Myid / p # myid -. Verilmiş ID hər hansı bir maddə seçir.

Burada bir nümunəsidir. biz belə olacaq par sinif giriş ilə səhifədəki bütün elementləri seçmək lazımdır deyək: (. nominal) $. Bu sinif zəruri yalnız p elementləri, sonra yazmaq: $ (p.par).

seçiciler atributu

Biz hər hansı bir sinif olan ID aid bir maddə seçin və ya səhifədəki bütün elementləri seçmək lazımdır əgər, JQuery əsas-selector istifadə edə bilərsiniz. bir maddə heç bir sinif və ya ID var Lakin, halları var. Bu üçün və atributu ilə Marka var. Onlar bəzi bir seçim etmək üçün imkan verir HTML-elementləri atributu belə href ya src kimi. Bu atribut yazılmışdır kvadrat mötərizə [].

Ən sadə misal: $ ([src]) - src atributu bütün elementləri seçir. Müəyyən atributu dəyəri ifadə edərək nümunə dar olar: $ ([src = 'http: // site / məqalə / 132222 / dəyər']).

seçim sahəsində dar istəyirsinizsə bir JQuery seçiciler istifadə edə bilərsiniz. Məsələn, $ (p [color = blue] [size = 12]) - mavi rəng və ölçüsü 12 yalnız bu elementlər p, seçilir.

seçiciler content

Siz atributları və ya əsas seçiciler əsasında elementləri seçin bilməz ki, əgər halda, siz onların məzmunu müraciət etməlidir. Ümumilikdə bu tipli 4 selector var:

• : Var - müəyyən mətn olan maddələr seçir;
• : Var - xəttinin xarakterik digər elementləri ehtiva elementləri seçir;
• : Parent - Hər hansı digər ehtiva elementləri seçir;
• : Boş - Hər hansı digər yoxdur elementləri seçir.

Burada bir nümunəsidir. Salam mətn olan bütün elementləri div seçmək üçün, siz $ yazmaq lazımdır (div: 'Salam') (var).

seçiciler iyerarxiya

onların iyerarxiya görə (ki, HTML-səhifə bir-birinə nisbəti) - məhz JQuery, elementləri seçin başqa yol yoxdur. Onlara bir çox, belə ki, biz ən məşhur "uşaq" və "övlad" iki təqdim edir.

Birinci halda elementlər bir element (əcdad) birbaşa nəslindən (uşaqlar) olan seçilir. $ (ul # nav> li.light): Məsələn, bir uşaq nav siyahısı yüngül sinif siyahısı elementləri seçin, sonra yazmaq lazımdır.

ikinci halda - bir daha ümumi. Orada seçilmiş və element dolayı nəsli bilər. Məsələn, nav müəyyən siyahısı ərzində links seçin: $ (ul # nav a).

Belə ki, jQuery elementləri HTML sənəd elementləri bir sinif, ID atributları, məzmun və ya iyerarxiya kimi parametrləri istifadə edərək müxtəlif yollarla edilə bilər.