Miksi tarvitsemme ja miten äänittää jQuery valitsin?

Moderni web designer pitäisi paitsi hallita perusasiat HTML, CSS ja JavaScript, mutta myös pystyä työskentelemään jQuery-kirjaston, joka keskittyy vuorovaikutuksen JavaScript HTML-asiakirjoja. Että se mahdollistaa nopean pääsyn minkä tahansa osan DOM (application programming interface, joka tarjoaa pääsyn sisältöön html-tiedostoja) ja manipuloida niitä. Tärkein rakenneyksiköt kirjasto ovat joukkueen. Voidakseen hakea yhden tai toisen joukkueen, tarvitset jQuery valitsin.

Kaava valitsimia jQuery kirjasto

Valitsijat jQuery perustuu käyttöön CSS. Niitä täytyy valita kohteita HTML-tiedosto, käyttää niitä aiheuttaa näitä tai muita menetelmiä manipuloida niitä (joukkue). Haku suoritetaan kautta valitsimen $ () toiminto. Esimerkiksi $ ( 'div').

Valitsijat voidaan luokitella sen mukaan, miten valintaprosessi elementtejä:

• Basic;
• ominaisuuden mukaan;
• hierarkiassa;
• sisältöä;
• tilanteesta;
• valinta lomakkeen kentät;
• toiset.

key valitsimet

90% tapauksista, kun tätä käytetään kirjastoa JQuerya-valitsin kuuluvat pääryhmän. Kaikki ne ovat varsin yksinkertaisia ja selkeitä. Mietitäänpä jokaisen niistä:

• * - valitsee kaikki sivulla elementtejä, kuten pään, kehon, jne.;
• p / div / sivupalkki / ... - valitsee kaikki elementit, jotka liittyvät ennalta määrätyn tunnisteen (eli p.div, sivupalkin, jne ...);
• .myClass / p.myClass - valitsee elementit mainitun luokan nimi;
• # MyID / p # myID -. Valitsee jonkin kohteen, jolla on annettu tunnus.

Tässä on esimerkki. Sanotaan meidän täytyy valita kaikki elementit sivun par luokan merkintä on seuraava: $ (par.). Tarvittaessa vain p elementit tämän luokan, kirjoita: $ (p.par).

attribuuttivalitsimet

Voit käyttää jQuery tärkein-valitsin, jos meidän valita kohteen kuulu mihinkään luokkaan, joilla on tunnus tai valitse kaikki elementtejä sivulla. On kuitenkin olemassa tapauksia, kun kohde ei ole luokkaan tai tunnus. Tästä ja on valintoja määrite. Niiden avulla voit tehdä valinta joitakin ominaisuus HTML-elementtejä, kuten section tai src. Tämä ominaisuus on kirjoitettu hakasulkeissa [].

Yksinkertaisin esimerkki: $ ([lähde]) - valitsee kaikki elementit, jotka ovat SRC. On mahdollista kaventaa näytteen määrittämällä tietyt määritearvo: $ ([src = 'http: // site / artikkeli / 132222 / arvo']).

Voit käyttää joitakin jQuery valitsimet jos haluat rajata alan valinta. Esimerkiksi, $ (p [color = sininen] [size = 12]) - on valittu vain ne osat p, joka on sininen väri ja koko 12.

valitsimet sisältöä

Siinä tapauksessa, jos et voi valita elementtejä perustuu ominaisuuksiin tai perus valitsimen sinun tulee lukea niiden sisältöä. Yhteensä on 4 valitsin tämän tyyppi:

• : Sisältää - valitsee kohteet, joissa on määritetty teksti;
• : Onko - valitsee elementtejä, jotka sisältävät muita elementtejä ominaisuus linjan;
• : Parent - valitsee elementtejä, jotka sisältävät minkä tahansa muun;
• Tyhjät - valitsee tekijöitä, jotka eivät sisällä mitään muuta.

Tässä on esimerkki. Voit valita kaikki elementit div, joka sisältää tekstin Hei, sinun täytyy kirjoittaa $ (div: sisältää ( 'Hei')).

valitsimet hierarkia

On toinen tapa valita elementtejä JQuery, nimittäin - niiden hierarkian (eli suhde toistensa HTML-sivu). Monet niistä, joten esittelemme kaksi suosituinta, "lapsi" ja "jälkeläinen".

Ensimmäisessä tapauksessa elementit on valittu, jotka ovat suoria jälkeläisiä (lapset) tietyn elementin (esi). Esimerkiksi valita luettelon tekijöihin valossa luokka, joka on lapsi nav lista, sinun täytyy kirjoittaa: $ (ul # nav> li.light).

Toinen tapaus - hieman yleisempi. Siellä voidaan valita ja välilliset jälkeläisiä elementin. Esimerkiksi valita linkkejä listassa nav määrätä: $ (UL # nav a).

Siten JQueryn elementit voidaan valita eri tavoin käyttäen parametreja, kuten luokan, ID, attribuutteja, sisältöä tai hierarkia HTML-dokumentin osia.