Apa kita kudu lan carane ngrekam pangalihan-pamilih?

Desainer web Modern ora mung Master kerja saka HTML, CSS lan JavaScript, nanging uga bisa kanggo bisa ing perpustakaan-pangalihan, kang fokus ing interaksi saka JavaScript karo HTML-dokumen. Sing ngidini akses cepet menyang sembarang unsur DOM (antarmuka program aplikasi sing nyedhiyani akses kanggo isi html-file) lan ngapusi wong. Unit struktural utama perpustakaan sing tim. Supaya aplikasi siji utawa tim liyane, sampeyan kudu pangalihan-pamilih.

Formula selectors ing jQuery perpustakaan

The selectors ing jQuery adhedhasar dienggo ing CSS. Lagi pilih item HTML-file, digunakake kanggo nimbulaké iki lan cara saka manipulating wong (tim). Search wis digawa metu liwat fungsi pamilih $ (). Contone, $ ( 'div').

The selectors bisa diklasifikasikaké gumantung carane pilihan saka unsur:

• dhasar
• dening ngubungake;
• hirarki;
• isi;
• ing kahanan;
• pilihan lapangan wangun;
• wong.

selectors Key

Ing 90% kasus nalika nggunakake perpustakaan iki digunakake pangalihan-pamilih sing kagolong ing klompok utama. Kabeh mau wis cukup prasaja lan cetha. Ayo kita nimbang saben wong:

• * - milih kabeh unsur kaca, kalebu sirah, awak, etc;.
• p / div / sidebar / ... - milih kabeh unsur ngenani tag predetermined (IE kanggo p.div, sidebar, etc ...);
• .myClass / p.myClass - milih unsur karo jeneng kelas kasebut;
• # MyID / p # myID -. Milih salah siji item karo ID diwenehi.

Punika conto. Ayo dadi ngomong kita kudu pilih kabeh unsur ing kaca kanthi entri kelas par bakal minangka nderek: (. Par) $. Yen perlu mung unsur p iki kelas, banjur nulis: $ (p.par).

ngubungake selectors

Sampeyan bisa nggunakake pangalihan utama-pamilih, yen kita kudu milih item gadhahanipun sembarang kelas gadhah ID utawa pilih kabeh unsur ing kaca. Nanging, ana kasus nalika item wis ora kelas utawa ID. Iku kanggo iki lan ana pamilihan dening ngubungake. Padha ngijini sampeyan kanggo nggawe pilihan ing sawetara ngubungake saka HTML-unsur, kayata href utawa src. ngubungake iki ditulis ing kelompok kothak [].

Conto gampang: $ ([src]) - milih kabeh unsur sing duwe ngubungake src. Sampeyan bisa panah sampel kanthi khusus Nilai ngubungake tartamtu: $ ([src = 'http: // situs / artikel / 132222 / nilai']).

Sampeyan bisa nggunakake sawetara selectors jQuery yen pengin panah lapangan pilihan. Contone, $ (p [werna = biru] [size = 12]) - sing dipilih mung sing unsur p, kang duwe werna biru lan ukuran 12.

isi Selectors

Ing kasus-kasus iku, yen ora bisa pilih unsur adhedhasar kawicaksanan utawa selectors dhasar, sampeyan kudu nyebutake isi. In total ana 4 pamilih saka jinis iki:

• : Nduwe - milih item ngemot teks kasebut;
• : Wis - milih unsur sing ngemot unsur karakteristik baris;
• : Parent - milih unsur sing ngemot liyane;
• : P - milih unsur sing ora ngandhut liyane.

Punika conto. Kanggo milih kabeh unsur div, ngemot teks saka Hello, sampeyan perlu kanggo nulis $ (div: ngandhut ( 'Hello')).

hirarki Selectors

Ana cara liyane kanggo milih unsur ing jQuery, yaiku - miturut hirarki sing (sing, rasio saben liyane ing HTML-kaca). A akèh mau, supaya kita saiki loro sing paling populer, "anak" lan "keturunan".

Yen mengkono unsur sing kapilih, kang katurunan langsung (anak) saka unsur diwenehi (leluhur). Contone, kanggo milih unsur dhaftar ing kelas cahya kang iki dhaftar nav anak, sampeyan perlu kanggo nulis: $ (ul # nav> li.light).

Kapindho cilik - a luwih umum. Ana bisa milih lan turune langsung saka unsur. Contone, kanggo pilih pranala ing dhaftar nav ukuman: $ (ul # nav a).

Mangkono, ing jQuery unsur bisa milih ing macem-macem cara kanthi nggunakake paramèter kayata kelas, ID, kawicaksanan, isi utawa hirarki unsur HTML-document.