Mengapa kita perlukan dan bagaimana untuk merakam JQuery-pemilih?

pereka web moden bukan sahaja perlu menguasai asas-asas HTML, CSS dan JavaScript, tetapi juga dapat bekerja di perpustakaan JQuery, yang memberi tumpuan kepada interaksi JavaScript dengan HTML-dokumen. Bahawa ia membolehkan akses cepat ke mana-mana elemen DOM (antara muka pengaturcaraan aplikasi yang menyediakan akses kepada kandungan html-fail) dan memanipulasi mereka. Unit struktur utama perpustakaan ini ialah pasukan. Dalam usaha untuk memohon satu atau pasukan lain, anda memerlukan JQuery-pemilih.

pemilih Formula di perpustakaan JQuery

Pemilih dalam JQuery berdasarkan penggunaan dalam CSS. Mereka dikehendaki untuk memilih item HTML-fail, untuk menggunakannya untuk menyebabkan ini atau lain-lain kaedah memanipulasi mereka (pasukan). Carian dijalankan melalui fungsi pemilih $ (). Sebagai contoh, $ ( 'div').

Pemilih boleh dikelaskan bergantung kepada bagaimana pemilihan elemen:

• asas;
• oleh sifat;
• hierarki;
• kandungan;
• kepada keadaan;
• Pilihan tempat medan borang;
• orang lain.

pemilih utama

Dalam 90% daripada kes-kes apabila menggunakan perpustakaan ini digunakan JQuery-pemilih yang dipunyai oleh kumpulan utama. Kesemua mereka adalah agak mudah dan jelas. Mari kita kaji setiap daripada mereka:

• * - memilih semua elemen halaman, termasuk kepala, badan, dan lain-lain;.
• p / div / sidebar / ... - memilih semua unsur-unsur yang berkaitan dengan tag yang telah ditetapkan (iaitu untuk p.div, sidebar, dan lain-lain ...);
• .myClass / p.myClass - memilih unsur-unsur dengan nama kelas yang telah ditetapkan;
• # MyID / p # myID -. Memilih mana-mana perkara dengan ID yang diberikan.

Berikut adalah satu contoh. Katakan kita perlu untuk memilih semua elemen pada halaman dengan kemasukan kelas par adalah seperti berikut: (. Par) $. Jika perlu hanya unsur-unsur p kelas ini, kemudian menulis: $ (p.par).

sifat pemilih

Anda boleh menggunakan main-pemilih JQuery, jika kita perlu memilih item yang dimiliki oleh mana-mana kelas yang mempunyai ID atau pilih semua elemen pada halaman. Walau bagaimanapun, terdapat kes-kes apabila item tidak mempunyai kelas atau ID. Ia adalah untuk ini dan ada pilihan oleh atribut. Mereka membolehkan anda untuk membuat pilihan pada beberapa sifat HTML-elemen, seperti href atau src. Sifat ini ditulis dalam tanda kurung siku [].

Contoh yang paling mudah: $ ([src]) - memilih semua unsur-unsur yang mempunyai src atribut. Ia adalah mungkin untuk merapatkan sampel dengan menentukan nilai atribut tertentu: $ ([src = 'http: // tapak / artikel / 132.222 / nilai']).

Anda boleh menggunakan beberapa pemilih JQuery jika anda mahu menyempitkan bidang pilihan. Sebagai contoh, $ (p [color = blue] [size = 12]) - dipilih hanya unsur-unsur p, yang mempunyai warna biru dan saiz 12.

kandungan pemilih

Dalam kes itu, jika anda tidak boleh memilih unsur-unsur berdasarkan sifat atau pemilih asas, anda perlu merujuk kepada kandungan mereka. Secara keseluruhannya, terdapat 4 pemilih jenis ini:

• : Mengandungi - memilih barangan yang mengandungi teks yang telah ditetapkan;
• : Adakah - memilih unsur-unsur yang mengandungi unsur-unsur lain ciri garis;
• : Parent - memilih unsur-unsur yang mengandungi apa-apa lain;
• : Kosong - memilih unsur-unsur yang tidak mengandungi apa-apa lain.

Berikut adalah satu contoh. Untuk memilih semua elemen div, yang mengandungi teks Hello, anda perlu menulis $ (div: mengandungi ( 'Hello')).

pemilih hierarki

Terdapat satu lagi cara untuk memilih unsur-unsur dalam JQuery, iaitu - mengikut hierarki mereka (iaitu, nisbah satu sama lain pada HTML-halaman). Ramai daripada mereka, jadi kami membentangkan dua yang paling popular, "kanak-kanak" dan "keturunan".

Dalam kes pertama unsur-unsur yang dipilih, yang adalah keturunan langsung (kanak-kanak) unsur tertentu (nenek moyang). Sebagai contoh, untuk memilih unsur-unsur senarai dalam kelas cahaya yang merupakan senarai nav kanak-kanak, maka anda perlu menulis: $ (ul # nav> li.light).

Kedua-mana - yang lebih umum. Terdapat boleh dipilih dan keturunan tidak langsung unsur. Sebagai contoh, untuk memilih pautan dalam senarai nav menetapkan: $ (ul # nav a).

Oleh itu, dalam JQuery elemen boleh dipilih dalam pelbagai cara dengan menggunakan parameter seperti kelas, ID, sifat-sifat, kandungan atau hierarki elemen HTML-dokumen.