/ / Što je jQuery izbornik potreban i kako je napisan?

Što je potrebno i kako je napisan jQuery selektor?

Moderni web dizajner ne bi trebao biti samo vlasnikosnove HTML, CSS i JavaScript, ali i moći raditi u jQuery knjižnici koja se fokusira na interakciju JavaScript s HTML dokumentima. To znači da vam omogućuje brzo pristupanje i manipuliranje svim elementima DOM-a (softversko sučelje koje otvara pristup sadržaju HTML datoteka). Glavne strukturne jedinice ove knjižnice su naredbe. Da biste koristili ovu ili tu naredbu, potreban vam je jQuery-selektor.

jquery selektor

Odabiri formule u biblioteci jQuery

Odabiri u jQuery temelje se na onima koji se koriste u CSS-u. Potrebni su za odabir elemenata HTML datoteke kako bi se pomoću njih ili drugih metoda mogla manipulirati njima (naredbama) uz njihovu pomoć. Pretraga prema selektoru vrši se pomoću funkcije $ (). Na primjer, $ ("div").

Odabiri se mogu razvrstati ovisno o načinu odabira elemenata:

  • osnovna;
  • po atributu;
  • po hijerarhiji;
  • prema sadržaju;
  • po položaju;
  • izbor polja obrazaca;
  • drugi.

Glavni selektori

U 90% slučajeva, kada se radi s ovom knjižnicom, koristi se jQuery selektor koji pripada glavnoj skupini. Svi su prilično jednostavni i jasni. Razmotrite svaku od njih:

  • * - odabire sve elemente stranice, uključujući glavu, tijelo itd.;
  • p / div / sidebar / ... - odabire sve elemente koji se odnose na određenu oznaku (tj. na p.div, bočnu traku i sl.);
  • .myClass / p.myClass - odabire elemente s navedenim nazivom klase;
  • # myID / p. # myID - odabire jednu stavku s danim ID-om.

Dajmo primjer. Pretpostavimo da moramo odabrati sve elemente stranice s klasa par, zapis će izgledati ovako: $ (. Par). Ako su potrebni samo p elementi ove klase, onda napišite: $ (p.par).

jquery elemenata

Odabiri svojstava

Glavni jQuery izbornik može se koristiti akomoramo odabrati element koji pripada klasi koja ima ID ili odaberite sve elemente stranice. Međutim, postoje slučajevi kada željena stavka nema klasu ili ID. To je ono za koje su odabiri atributa. Omogućuju odabir nekog atributa HTML elementa, na primjer, href ili src. Ovaj je atribut napisan u uglatim zagradama [].

Najjednostavniji primjer: $ ([src]) - odabire sve elemente koji imaju src atribut. Područje odabira možete suziti postavljanjem atributa određenoj vrijednosti: $ ([src = "value"]).

Možete koristiti nekoliko u jQuery-uodaberite, ako je potrebno, suzite područje odabira. Na primjer, $ (p [color = blue] [size = 12]) - odabiru se samo oni elementi p koji su plavi i veličina 12.

Odabiri sadržaja

U slučaju da nije moguće odabrati elemente prema atributima ili glavnim selektorima, onda je vrijedno upućivati ​​na njihov sadržaj. Ukupno ima 4 selektora ove vrste:

  • : sadrži - odabire elemente koji sadrže određeni tekst;
  • : ima - odabire elemente koji sadrže druge elemente specifične za zadani niz;
  • : roditelj - odabire stavke koje sadrže bilo koju drugu;
  • : prazno - odabire stavke koje ne sadrže druge.

Dajmo primjer. Da biste odabrali sve elemente div koji sadrže tekst Pozdrav, morate napisati $ (div: contains ("Hello")).

jquery više odabira

Odabiri prema hijerarhiji

Postoji još jedan način odabira elemenata u jQuery,naime, prema njihovoj hijerarhiji (to jest, odnos jedni s drugima na HTML stranici). Mnogo ih je, tako da predstavljamo dva najpopularnija: "dijete" i "potomak".

U prvom slučaju odabiru se elementisu izravni potomci (dijete) određenog elementa (predaka). Na primjer, da biste odabrali stavke popisa u svjetlosnoj klasi koja su djeca navnog popisa, onda morate upisati: $ (ul # nav> li.light).

Drugi je slučaj općenitije. Ovdje se mogu odabrati indirektni potomci nekog elementa. Na primjer, za odabir veza unutar popisa nav, pišemo: $ (ul # nav a).

Dakle, u jQuery elementima se mogu odabrati na različite načine pomoću parametara kao što su klasa, ID, atributi, sadržaj ili hijerarhija elemenata HTML dokumenta.

Pročitajte više: