Бид яагаад, хэрхэн JQuery-сонгон шалгаруулагч бүртгэж хэрэгтэй вэ?

Орчин үеийн вэб дизайнер зөвхөн эзэн байх ёстой HTML, үндсийг CSS болон JavaScript зогсохгүй JQuery номын сан, HTML-баримт бичиг JavaScript харилцан тал дээр анхаарна ажиллах чадвартай байх. Энэ нь ямар нэгэн элемент DOM (програм програмчлалын агуулга нь HTML-файлууд нь хандах хандалтыг олгодог интерфэйс) хурдан хандах, тэдгээрийг удирдах боломж олгодог юм. номын сангийн үндсэн бүтцийн нэгж баг юм. эсвэл нэгийг нь хэрэглэх зорилгоор бусад баг, та JQuery-сонгон шалгаруулагч хэрэгтэй.

JQuery номын санд Формула сонгох асуудал

JQuery нь сонгох асуудал CSS ашиглахад үндэслэсэн. Тэд өөрсдийг нь (баг) удирдаж эдгээр болон бусад аргуудыг хүргэж тэднийг ашиглах, эд зүйлсийг HTML-файлыг сонгох шаардлагатай байна. Хайлтын сонгон шалгаруулагч $ () функц дамжуулан явуулсан байна. Жишээ нь, $ ( 'DIV').

сонгох асуудал элементийн хэрхэн сонгох хамааран ангилж болно:

• үндсэн;
• шинж чанар болно;
• шатлал;
• агуулга;
• нөхцөл байдал дээр;
• хэлбэр талбарын сонголт,
• бусад.

түлхүүр сонгох асуудал

ашиглан энэ номын сан нь үндсэн бүлэгт хамаарах JQuery-сонгон шалгаруулагч ашиглаж байгаа бол тохиолдлын 90% байна. Тэд бүгд маш энгийн бөгөөд тодорхой байдаг. АНУ-ын тэдэнд тус бүр авч үзье:

• * - толгой, их бие, гэх мэт зэрэг бүх хуудсанд элемент, сонгох;.
• P / DIV / Sidebar / ... - урьдчилан тагийн хамаарах бүх элементүүдийг сонгоно (жишээ нь p.div, талд байгаа гэх мэт ... гэж);
• .myClass / p.myClass - т заасан ангиллын нэр элементүүдийг сонгоно;
• # MyID / P # myID. - Өгөгдсөн ID ямар нэг зүйлийг сонгоно.

Энд нэг жишээ юм. -ын бид дараах байдлаар байх болно нэрлэсэн хичээл орох нь хуудсан дээр нь бүх элементүүдийг сонгох хэрэгтэй гэж үзье: (. нэрлэсэн) $. Энэ ангид шаардлагатай цорын ганц P элементүүд, дараа нь бичих бол: $ (p.par).

сонгон шалгаруулагчид хамааруулах

Бид ямар нэг анги байх ID хамаарах зүйлийг сонгох, эсвэл хуудсан дээр байгаа бүх элементүүдийг сонгох хэрэгтэй бол та, JQuery гол-сонгон шалгаруулагч ашиглаж болно. тухайн зүйл нь ямар нэгэн анги, эсвэл ID байхад Гэсэн хэдий ч тохиолдол байдаг. Энэ нь бөгөөд шинж чанарын өөр сонголт байдаг. Тэд та нарын зарим нь сонголт хийх боломж олгодог HTML элемент,-ын шинж чанар зэрэг href эсвэл SRC байна. Энэ шинж чанар нь бичигдсэн байдаг дөрвөлжин хаалтанд [].

Хамгийн энгийн жишээ нь: $ ([SRC]) - SRC шинж чанар байгаа бүх элементүүдийг сонгоно. Энэ нь тодорхой шинж чанар утгыг зааж дээжийг багасгаж болох юм: $ ([SRC = 'HTTP: // сайт / нийтлэл / 132222 / утга нь']).

Та сонгосон талбарыг багасгах гэж байгаа бол та ямар нэг JQuery сонгон шалгаруулагчид ашиглаж болно. Жишээ нь, $ (P [өнгө = цэнхэр] [хэмжээ = 12]) - зөвхөн эдгээр элементүүд P, цэнхэр өнгө, хэмжээ нь 12 байна сонгосон байна.

сонгон шалгаруулагчийн агуулга

Энэ тохиолдолд та шинж буюу үндсэн сонгон шалгаруулагчийн дээр суурилсан элементүүдийг сонгож чадахгүй байгаа бол, та өөрийн агуулга илгээх хэрэгтэй. Нийт Энэ төрлийн 4-сонгон шалгаруулагч байдаг:

• : Агуулна - заасан текст агуулсан зүйлсийг сонгоно;
• : Эсэх - шугамын шинж чанар нь бусад элементүүдийг агуулсан элемент сонгож;
• : Эцэг эх - бусад агуулсан элемент сонгож;
• : Хоосон - бусад агуулсан байх вэ элементүүдийг сонгоно.

Энд нэг жишээ юм. Сайн байна уу текстийг агуулсан бүх элементүүд DIV сонгохын тулд, та $ бичих хэрэгтэй (DIV: ( 'Hello') агуулсан).

сонгон шалгаруулагчийн шатлал

Тэдний шатлалын дагуу (тэр нь HTML-хуудсан дээр бие биенээ харьцаа) - Тэнд JQuery, тухайлбал элементүүдийг сонгох нь өөр нэг арга зам юм. Тэдний маш олон, тийм болохоор бид хамгийн алдартай "хүүхэд" болон "удам" хоёр танилцуулж байна.

Эхний тохиолдолд элементүүд нь тухайн элементийн (өвөг) шууд удам (хүүхдүүд) байдаг бөгөөд энэ нь сонгосон байна. $ (UL # Хөтчөөс> li.light): Жишээ нь, гэрэл ангид жагсаалтад хүүхэд Хөтчөөс жагсаалт юм элементүүдийг сонгох бол та бичих хэрэгтэй.

Хоёр дахь нь - нь илүү ерөнхий. Тэнд сонгож элементийн шууд бус үр удам болно. Жишээ нь, жагсаалтад Хөтчөөс тодорхойлоход дотор холбоосуудыг сонгох: $ (ул # Хөтчөөс а).

Тиймээс, JQuery дахь элементүүд янз бүрийн аргаар параметрүүдийг ашиглан ийм анги, ID, шинж, HTML-баримт бичиг элементийн агуулга буюу шаталсан байдлаар сонгож болно.