Manipulând atributele elementelor din jquery
Această lecție este dedicată pentru a citi și de a modifica atributele elementelor în jQuery.
Atributele - o pereche nume / valoare care este atribuită elementelor din etichetă. Exemple de atribute (titlu href clasa src ...):
- attr () pentru a citi, adăuga sau modifica atributele
- removeAttr () pentru a elimina atributele
În această lecție dezasamblat de lucru cu metode attr () și removeAttr ().
Pentru a lucra cu clase CSS, există metode speciale de jQuery, care sunt descrise într-un alt tutorial. Atunci când este necesar, lucrează la un proiect în jQuery foarte des manipula clase CSS, iar atributul de clasă poate conține mai multe nume de clasă, ceea ce face mai greu de a lucra cu ei, în comparație cu alte atribute.
Am citit valoarea atributului
Citirea valoarea atributului element este simplu. Este necesar doar pentru a apela attr metoda () pentru obiectul jQuery care conține elementul, dându-i numele atributului pentru a citi. Metoda returneaza valoarea unui atribut:
Dacă obiectul dvs. jQuery conține mai multe elemente, attr () metoda citește valorile atributelor doar pentru primul element al setului.
Setați valorile atributelor
attr), metoda (poate fi de asemenea folosite pentru a adăuga sau modifica valorile atributelor:
Există trei modalități de a utiliza attr () metoda pentru a adăuga sau modifica atributele:
- Este posibil să se adauge / modifica atributele fiecărui element (sau un set de elemente).
- Este posibil să se adauge / modifica unele atribute direct pentru elementul (sau elementele) prin nume de atribute carte de referință și valori.
- Puteți adăuga dinamic / modificare a atributelor unitate pentru mai multe elemente printr-o funcție de apel invers.
Setați un atribut
Pentru a seta sau modifica atributul elementului pe care doriți să apelați metoda attr () cu numele atributului și valoarea. De exemplu:
Puteți seta, de asemenea, același atribut pentru mai multe elemente:
Instalați mai multe atribute folosind cardul
Puteți seta mai multe atribute în același timp, pentru unul sau mai multe elemente cu cardul. Aceasta este o listă de perechi nume / valoare, care este după cum urmează:
Următorul exemplu stabilește două atribute img elementul în același timp:
De asemenea, puteți seta atribute pentru mai multe elemente:
Am stabilit atributele utilizând o funcție de apel invers
In loc de a transmite valorile atributelor ale metodei attr (). puteți trece numele unei funcții de apel invers. Deci, este posibil să se stabilească în mod dinamic valorile atributelor pentru mai mulți membri în funcție de poziția elementului valoarea atribut existent sau alte proprietăți.
Funcția de apel invers ar trebui să ia două argumente:
- Poziția index al elementului curent din setul (pornind de la zero)
- vechea valoare a atributului pentru elementul selectat
valoarea returnată a funcției este utilizată pentru a înlocui valoarea atributului.
În plus față de poziția curentă a valorilor elementelor și atributelor vechi funcția poate avea acces la elementul folosind cuvântul cheie acest lucru. Astfel, este posibil de a avea acces la orice element de proprietate sau metoda unei funcții de apel invers.
Exemplul utilizează o funcție de apel invers pentru a adăuga alt atribut pentru fiecare imagine pe o pagină bazată pe poziția imaginii și src atributul său.
După executarea codului, prima imagine va avea un atribut alt cu o valoare de „Figura 1: myphoto.jpg“. iar a doua imagine este un atribut alt cu o valoare de „Figura 2: yourphoto.jpg“.
Ștergerea unui atribut
Pentru a elimina un atribut de pe elementul pe care doriți să apelați metoda removeAttr (). care trece în numele atributului pentru a elimina. De exemplu:
Puteți apela, de asemenea, removeAttr) metoda obiectului jQuery care conține mai multe elemente (. removeAttr () metoda elimină atributul specificat din toate elementele:
În această lecție, am abordat probleme cu atributele elementelor în jQuery:
- Citirea valorilor atributelor
- Instalarea unui singur atribut
- Instalarea de mai multe atribute diferite simultan
- Utilizarea unei funcții de apel invers pentru a seta dinamic valorile atributelor elementelor din setul
- Eliminarea atributelor elementului
5 lecții coloana ultima „jQuery“
Astăzi am dori să vă spun despre TypeIt bibliotecă - gratuit jQuery plugin. Puteți să-l utilizați pentru a simula tastare. Dacă totul este configurat corect, acesta este un efect foarte realist poate fi atins.
jQuery plug-in pentru a crea o cronologie.
jQuery plugin pentru a crea o diagramă Gantt.
Un exemplu despre cum să pună în aplicare fișierul de descărcare prin intermediul PHP și jQuery ajax.
postaltomsk
Awesome, vă mulțumesc! =) Mai ales pentru funcția reflexivă.
problema conflictului JQuery găsit cu standardul Mootools Joomla. Dacă Mootools este dezactivată, imaginea în Opera - mărimea potrivită. Mootools necesare, nu se poate opri. Care atribut să se înregistreze, astfel încât imaginile afișate corect? Mulțumesc.
luchsche decât simpla înlocuire a unui cod de temă jQuery-cer exact același. Trage, litere și cuvinte stolkozhe pentru a trage ca orice tip html editor Dreamweaver. sens vchem, simplitatea sau complexitatea?
[B] Nevrex [/ b] Acesta a fost deja făcut! Dar, Opera și IE, și fără această lucrare. O altă problemă: numai în Firefox - script-uri jQuery nu funcționează în dreapta și coloanele din stânga a trei coloane șablon div-Nogo (în lucrarea centrală) - cum să-l depășească, să-l termine în codul (script?)? Mulțumesc.
Bugaev Sergey Dmitriev
Și cum să învețe cu ajutorul jQuery, ceea ce are toate atributele unui element?
Prin obținerea de informații de la două canale (vedere si auz) eficacitatea instruirii de învățare departe superioare de cărți. O temele pentru acasă și teste on-line vă va permite să se gândească în mod constant în limba țintă și imediat verifica cunoștințele!
Dacă doriți o lungă perioadă de timp pentru a studia modul în HTML, mi-ai, pentru ai vesti bune!
Dacă ați învățat deja HTML și doresc să avanseze, următorul pas va fi de a studia tehnologia CSS.
Dacă doriți să înțeleagă conceptele de domeniu si hosting, învață cum să creeze o bază de date, încărca fișiere pe un site web prin intermediul unui server FTP, crea subdomenii, configurați cutiile poștale pentru site-ul și să monitorizeze participarea, acest curs este conceput special pentru tine!