Naha urang kudu na kumaha ngarekam JQuery-pamilihan?

desainer web modern kudu ngan ngawasaan dasar tina HTML, nu CSS jeung JavaScript, tapi ogé bisa dianggo dina perpustakaan JQuery, nu museurkeun kana interaksi JavaScript kalawan HTML-dokumén. Yen hal ieu ngamungkinkeun wasa gancang ka sagala unsur DOM (panganteur programming aplikasi nu nyadiakeun aksés ka eusi html-file) jeung ngamanipulasi éta. Unit struktural utama perpustakaan mangrupakeun tim. Dina raraga nerapkeun hiji atawa tim séjén, anjeun perlu JQuery-pamilihan.

Rumus selectors di JQuery perpustakaan

The selectors di JQuery dumasar kana pamakéan di CSS. Éta téh diperlukeun pikeun milih barang HTML-file, ngagunakeun éta ngabalukarkeun ieu atawa métode séjénna ngeunaan manipulasi aranjeunna (tim). Pilarian dilumangsungkeun via fungsi pamilihan $ (). Contona, $ ( 'div').

The selectors bisa digolongkeun gumantung kumaha seleksi elemen:

• dasar;
• ku atribut;
• hirarki nu;
• eusi;
• on kaayaan;
• pilihan widang formulir;
• séjénna.

selectors konci

Dina 90% kasus lamun ngagunakeun library ieu dipaké JQuery-pamilihan milik grup utama. Kabéh aya ti antarana anu cukup basajan tur jelas. Hayu urang nganggap tiap sahijina:

• * - milih sagala elemen kaca, kaasup kapala, awak, jsb;.
• p / div / sidebar / ... - milih sagala elemen pertaining ka tag predetermined (ie ka p.div, sidebar, jsb ...);
• .myClass / p.myClass - milih elemen kalawan ngaran kelas dieusian;
• # MyID / p # myID -. Milih sagala salah item jeung ID dibikeun.

Di handap ieu conto. Hayu urang nyebutkeun urang kudu pilih kabeh elemen dina kaca sareng entri kelas tara bakal kieu: (. Tara) $. Upami diperlukeun wungkul elemen p kelas ieu, lajeng nyerat: $ (p.par).

atribut selectors

Anjeun tiasa nganggo JQuery utama-pamilihan, upami urang kedah milih hiji item milik naon kelas ngabogaan ID atawa pilih kabeh elemen dina kaca. Sanajan kitu, aya kasus lamun hiji item boga kelas atawa ID. Ieu kanggo ieu sareng aya selections ku atribut. Aranjeunna ngidinan Anjeun pikeun nyieun Pilihan dina sababaraha atribut ti HTML-elemen, kayaning href atanapi src. atribut ieu ditulis dina kurung pasagi [].

Conto sederhana: $ ([src]) - milih sagala elemen nu gaduh atribut src. Kasebut nyaéta dimungkinkeun pikeun ngahususkeun sampel alatan nangtukeun nilai atribut tangtu: $ ([src = 'http: // loka / artikel / 132222 / nilai']).

Anjeun tiasa make sababaraha selectors JQuery lamun rék ngahususkeun widang pilihan. Contona, $ (p [Warna = bulao] [ukuranana = 12]) - dipilih ngan maranéhanana elemen p, anu boga warna biru sarta ukuranana 12.

eusi Selectors

Dina kasus eta, lamun teu bisa milih elemen dumasar kana atribut atawa selectors dasar, Anjeun kudu ningali ka eusi. Dina total aya 4 pamilihan tina tipe ieu:

• : Ngandung - milih barang anu ngandung téks dieusian;
• : Geus - milih elemen nu ngandung elemen séjén karakteristik jalur;
• : Kolot - milih elemen nu ngandung sagala séjén;
• : Kosong - milih elemen anu teu ngandung sagala lianna.

Di handap ieu conto. Pikeun milih kabeh elemen div, ngandung téks ti Halo, Anjeun kudu nulis $ (div: ngandung ( 'Hello')).

hirarki Selectors

Aya jalan séjén pikeun milih elemen dina JQuery, nyaéta - nurutkeun hirarki maranéhanana (nyaeta, babandingan saling dina HTML-kaca). A loba di antarana, sangkan nampilkeun dua ti nu pang populerna, "anak" na "turunan".

Dina kasus nu pertama unsur dipilih, anu mangrupakeun katurunan langsung (barudak) tina unsur tinangtu (karuhun). Contona, pikeun milih unsur daptar di kelas lampu nu daptar nav anak, mangka anjeun kudu nulis: $ (ul # nav> li.light).

Kadua hal - a langkung umum. Aya bisa dipilih jeung turunan langsung unsur. Contona, mun pilih Tumbu dina daptar nav nulis resep: $ (ul # nav a).

Ku kituna, dina JQuery elemen bisa dipilih di sagala rupa cara ku maké parameter kayaning a kelas, ID, atribut, eusi atawa hirarki elemen HTML-dokumen.