Internet, Web Design
Perchè ùn avemu bisognu di e quantu a nutari Persiana-siʀypø,?
Modern Web criatori ùn deve solu ammaistrà i principii di u HTML, u CSS è JavaScript, ma ancu esse in gradu di u travagliu in u biblioteca Persiana, chì incalca nantu à l 'azioni di JavaScript cun HTML-ducumenti. Chi si permette di prescia accessu à ogni elementu DOM (interfaccia di prugrammazione dumanda chì dà accessu à a cuntinutu html,-i schedari) è li manighjà. U principale unità strutturale di a biblioteca sò l 'squatra. In ordine per dumandà unu o l 'àutru squadra, vi tuccherà un Persiana-siʀypø,.
selectors Formula in biblioteca Persiana
U selectors in Persiana basatu nantu usu in CSS. Iddi sò nicissarii à sceglie voci HTML-cartulare, à aduprà li à rallentà sti o altre pratiche di li (l 'squatra) manipulating. Search hè rializatu attraversu la funzioni siʀypø, $ (). Per esempiu, $ ( 'francese div').
U selectors pò esse classificatu segunda cumu u selezzione di elementi:
- basi;
- da attribuilla;
- u girarchia;
- cuntenutu;
- nant'à a situazioni;
- scelta di campi forma;
- 'altri.
selectors Key
In u 90% di i casi quandu cù stu biblioteca veni usatu Persiana-siʀypø, appartèniri a lu gruppu di lu. All di li sò abbastanza semplice è chjara. Andemu guardà ognunu d 'iddi:
- * - Choisir tuttu element pagina, cumpresi i testa, corpu, etc;.
- P p / div / sideBar / ... - Choisir tuttu element Nunda à u tag: predetermined (vale à dì à p.div, sideBar, ecc ...);
- .myClass / p.myClass - Choisir l 'elementi cu lu nomu di classi renseigné;
- # MyID / p # myID -. Choisir alcunu una virsioni cu l 'datu ID.
Quì hè un esempiu. A Canzona di dì ci tocca à sceglie tutti elementi nant'à a pagina incù Plus classi par sarà a siguenti: (. Par) $. Sì bisogna solu element P p di sta volta, poi scrìviri: $ (p.par).
attribuisci selectors
Pudete puru aduprà u principale-siʀypø, Persiana, s'ellu ci tocca à sceglie un bagagliu appartenini à ogni volta à avè ID o sceglie tutti elementi nant'à a pagina. Tuttavia, ci sò casi quandu una virsioni hà ùn classi o ID. Hè per sta è ci sò cura da attribuilla. Li permette voi à fà una selezzione à qualchi attribuilla di u HTML-elementi, cume href o SRC. Stu attribuilla hè scrittu in piazza piazza [].
L'esempiu sèmplice: $ ([SRC]) - Choisir tutti elementi chi hannu attribuilla SRC. Hè pussibule à aube u campionu indettendu certu valore attribuilla: $ ([SRC = 'http: // situ / articulu / 132222 / valuri']).
Pudete puru aduprà qualchì selectors Persiana s'è vo vulete aube u campu di scelta. Per esempiu, $ (p [culore = blu] [size = 12]) - sò sceltu solu quelli chì elementi p, chi hannu un culore turchinu è taglia 12.
cuntenutu Selectors
In stu casu, si non vi ponu selezziunà elementi basatu nantu spicificu, o selectors basi, voi pimmu si rifiriscinu a so cuntenutu. In totale ci sò 4 siʀypø, di stu tipu:
- : Cuntene - Choisir voci chì cuntenenu u testu renseigné;
- : Hà - Choisir elementi chì cuntene altri elementi carattaristichi di i ligna;
- : Parent - Choisir elementi chì cuntene ogni altru;
- : A Morte - Choisir elementi chì ùn cuntene ogni altru.
Quì hè un esempiu. À sceglie tuttu element francese div, chì cuntenenu u testu di a Memoria, vi tuccherà à scrive $ (francese div: cuntene ( 'Bonghjornu')).
girarchia Selectors
Ci hè un antru modu di sceglie elementi in Persiana, dìciri francu - secondu i so girarchia (chì hè, u prezzu di ogni altri u HTML-pagina). A assai d 'iddi, tantu avemu prisenti dui di i più pupulari, "ziteddu" è "discinnenti".
In u primu casu, sò sceltu u elementi, chì sò discinnenti direttu (zitelli) di un datu elementu (antinatu). Per esempiu, à sceglie u elementi di u listinu à classi di luce chì hè una lista zitellu Goueled, tandu vi tuccherà à scrive: $ (U ul # nav> li.light).
U secondu casu, - una di più generali. Ci ponu esse sceltu e discinnenti ndirettu di l 'elimentu. Per esempiu, à sceglie i ligami in a lista Goueled prescribe: $ (U ul # Goueled una).
Cusì, in Persiana elementi ponu esse scelti in parechji modi usandu login cume una volta, ID, spicificu, cuntinutu, o girarchia di elementi HTML-documentu.
Similar articles
Trending Now