Nima uchun biz qanday JQuery-Sinchkovlik yozib olish va kerak?

Zamonaviy web dizayner faqat o'zlashtirish kerak emas HTML, asoslarini CSS va JavaScript, balki HTML-hujjat bilan JavaScript o'zaro aratilgan JQuery kutubxona, ishlash mumkin. Bu tez biron element DOM (kontent HTML-fayllar bilan foydalanish imkonini beradi dastur dasturiy interfeysi) kirish va ularni manipulyatsiya beradi. Kutubxonaning asosiy tarkibiy birliklari jamoasi bo'ladi. bir amal uchun yoki boshqa jamoa, siz JQuery-tanlovchisiga kerak.

JQuery kutubxonasida Formula selektsionerlari

Jquery sinchkovlik CSS foydalanish asosida. Ular, ularni (jamoa) manipulyatsiya bu yoki boshqa usullar sabab ularni ishlatish uchun Ma'lumotlar HTML-faylni tanlash uchun talab qilinadi. Qidiruv selektor $ () funktsiyasi orqali amalga oshiriladi. Misol uchun, $ ( 'div »).

sinchkovlik elementlar qanday tanlash qarab tasniflanadi mumkin:

• asosiy;
• Atributlar;
• ierarxiyasi;
• mazmuni;
• vaziyat bo'yicha;
• shakl maydonlarini tanlash;
• boshqalar.

Key sinchkovlik

Bu kutubxona asosiy guruhga mansub JQuery-Sinchkovlik ishlatiladi foydalanish paytida hollarda 90%. Ularning barchasi juda oddiy va tushunarli. Keling, ulardan har biri ko'rib chiqaylik:

• * - va boshqalar bosh, tana, shu jumladan, barcha sahifa elementlarini, tanlaydi;.
• p / div / yozish imkoniyatiga / ... - oldindan belgilangan teg oid barcha elementlari tanlanadi (ya'ni p.div, yon panelidan, etc ... uchun);
• .myClass / p.myClass - belgilangan sinf nomi bilan elementlarni tanlaydi;
• # Yozing / p # yozing -. Berilgan ID biron bir ob'ektni tanlang.

Mana, bir misol bo'ladi. Keling, quyidagi bo'ladi par sinf kirish bilan sahifasida barcha elementlarini tanlash kerak aytaylik: (. par) $. Bu sinf zarur faqat p elementlar, keyin yozsangiz: $ (p.par).

tanlovchilarini vasf

Biz har qanday sinf ega ID tegishli ob'ektni tanlang yoki sahifadagi barcha elementlari tanlash uchun kerak bo'lsa siz, JQuery asosiy-Sinchkovlik foydalanishingiz mumkin. buyum hech bir sinf yoki ID bo'lsa Biroq, holatlar bor. Bu uchun va atributlar saylovlarda ham bor. Ular siz ba'zi bo'yicha tanlash uchun imkon HTML-elementlari, xususiyati kabi href yoki src sifatida. Bu xususiyati yozilgan kvadrat qavs [].

oddiy misol: $ ([src]) - src fazilat barcha elementlarni tanlaydi. Bu ba'zi bir xususiyati qiymat belgilab namunasi tor mumkin: $ ([src = 'http: // sayt / Maqola / 132222 / qiymati']).

Agar tanlash maydonini tor bo'lsangiz Siz ba'zi JQuery tanlovchilarini foydalanishingiz mumkin. Misol uchun, $ (p [color = Blue] [size = 12]) - bir ko'k rang va o'lchamini 12 bor faqat elementlar p, tanlangan.

sinchkovlik kontent

Agar sifatlari yoki asosiy sinchkovlik bilan asoslangan elementlarni tanlash mumkin emas, agar bu holda, siz ularning mazmuniga murojaat kerak. Jami Ushbu turdagi 4 selektor bor:

• : O'z ichiga olgan - belgilangan matnni o'z ichiga olgan ma'lumotlar tanlaydi;
• : - layn xos boshqa elementlarni o'z ichiga olishi elementlarni tanlaydi;
• : Ota-ona - boshqa har qanday o'z ichiga elementlarni tanlaydi;
• : Bo'sh - boshqa har qanday o'z ichiga bo'lmagan elementlarni tanlaydi.

Mana, bir misol bo'ladi. Salom matnni o'z ichiga olgan, barcha elementlar div tanlash uchun, siz $ yozish kerak (div: «Salom»,) (o'z ichiga olgan).

sinchkovlik ierarxiyasi

ularning ierarxik ko'ra (ya'ni, HTML-sahifasida bir-biriga nisbati) - ya'ni jQuery, elementlar tanlash uchun yana bir yo'li bor. Ulardan bir poda, shuning uchun biz eng mashhur, "bola" va "avlodi" ikki taqdim.

Birinchi holda elementlar berilgan element (avlod) bevosita avlodlari (bolalar) bo'lgan, tanlangan. $ (ul # Nav> li.light): Masalan, bir bola Nav ro'yxati engil sinf ro'yxat elementlarini tanlash uchun, keyin yozish kerak.

Ikkinchi voqea - undan umumiy. U erda tanlangan va element bilvosita avlodlari mumkin. Misol uchun, Nav buyurish ro'yxati ichida yo'nalishlarga tanlash uchun: $ (ul # Nav a).

Shunday qilib, jQuery elementlar, masalan, HTML-hujjat elementlarning bir sinf, ID, sifatlari, mazmuni yoki ierarxik sifatida parametrlarini foydalanib, turli yo'llar bilan tanlanishi mumkin.