Introducere în metode jQuery

Dacă vă surprinde cuvântul jQuery, permiteți-mi să vă explic mai întâi ce este jQuery. jQuery este una dintre cele mai populare biblioteci javascript pentru a construi site-uri web sau aplicații web. Este special conceput pentru a rezolva manipularea și gestionarea evenimentelor html dom, precum și traversarea arborelui dom html, tranziția css și animația css cu suport pentru ajax. De asemenea, este open source și este gratuit sub licența gnu. În acest subiect, vom afla despre metodele jQuery.

jQuery este foarte ușor de învățat, deoarece simplifică programarea javascript. JQuery este compatibil cu css3, este compatibil cu browserul și are amprente ușoare foarte mici. Pe scurt, putem spune că jQuery a schimbat calea pentru dezvoltatorii care obișnuiau să-și scrie codul lung în javascript. jQuery oferă o metodă diferită pentru manipularea domului, m transversal, gestionarea evenimentelor sau declanșarea evenimentelor, manipularea atributelor, manipularea dimensiunilor, manipularea CSS și animații.

Tipuri de metode jQuery

Aici vom învăța diferite tipuri de metode jQuery date mai jos

1) Manipularea Domului

Orice am folosi aceste metode, în final, se concentrează pe schimbarea evenimentelor dom. Cu alte cuvinte, putem spune folosind aceste metode că manipulăm dom. Unele dintre metodele jQuery de manipulare a domului sunt:

  • addClass (): în setul de elemente potrivite, adaugă clasa sau clasele specificate fiecărui element.
  • after (): În setul de elemente potrivite, introduceți date sau conținut specificate de parametru după fiecare etichetă de element.
  • append (): în cuvinte scurte, putem spune că folosind această metodă introducem date sau conținut în elementul specific.
  • attr (): Această metodă oferă valoarea atributului elementului particular.
  • before (): Folosind această metodă putem introduce date sau conținut înainte de fiecare element specificat.
  • clonă (): Folosind această metodă, copiem în profunzime elementul provenit din sursă.
  • css (): folosind această metodă schimbăm css-ul elementului specificat.
  • detach (): Folosind această metodă pur și simplu ștergem elementul specificat din arborele dom.
  • hasClass (): Folosind această metodă găsim clasa specificată atașată elementului particular.
  • empty (): Această metodă șterge toate nodurile copil atașate la arborele dom particular al elementului.
  • înălțime (): această metodă oferă valoarea înălțimii elementului specificat.
  • offset (): această metodă stabilește coordonatul elementului specificat în raport cu documentul.
  • position (): Această metodă obține poziția curentă a elementului specificat în raport cu elementul său parent.
  • prop (): Această metodă oferă valoarea proprietății elementului selectat în prezent.
  • replaceAll (): Această metodă înlocuiește tot elementul țintă cu elementul specificat.
  • text (): această metodă stabilește sau obține valoarea șirului text al elementelor specificate.
  • Val (): această metodă oferă valoarea curentă a primelor elemente specificate.
  • width (): această metodă oferă valoarea calculată a lățimii elementelor specificate.
  • wrap (): această metodă înfășoară structura html particulară în jurul fiecărui element din seturile de elemente specificate.
  • wrapInner (): această metodă înfășoară structura html în jurul conținutului fiecărui element specificat.

2) Traversing

Această metodă ne ajută să navigăm de la un element dom la alt element dom după o ierarhie părinte-copil. Unele dintre metodele de traversare sunt:

  • add (): Această metodă creează un nou obiect jQuery și îl adaugă la elementele specificate.
  • addBack (): Această metodă adaugă un set anterior de element jQuery elementului curent de stivă.
  • children (): Aceste metode găsesc elementul copil pentru fiecare element specificat.
  • cea mai apropiată (): Această metodă găsește elementul care se potrivește mai întâi cu selectorul.
  • conținut (): această metodă găsește conținutul elementului specificat, incluzând noduri de comentarii și text.
  • fiecare (): această metodă se repetă printr-o buclă, ceea ce înseamnă că această metodă va fi aplicată tuturor elementelor specificate în legătură cu aceasta.
  • end (): Această metodă încheie cea mai recentă sarcină de filtrare și returnează elementul asociat la starea anterioară.
  • eq (): această metodă reduce setul elementului specificat la unul la indexul specificat.
  • filter (): Această metodă oferă elementul specificat pe baza filtrului oferit.
  • first (): Această metodă oferă elementul specificat pe baza selectorului pe care l-ați dat.
  • has (): Această metodă oferă setul de element sau selector specificat.
  • map (): Această metodă returnează o nouă valoare a unui obiect jQuery bazat pe o funcție care este trecută prin fiecare element.
  • next (): Această metodă oferă imediat următoarea surioară a elementului selectat.
  • parent (): această metodă oferă părintelui selectarea elementului specificat.
  • prev (): Această metodă oferă fratele anterior imediat al elementelor specificate în prezent.

3) Declanșarea evenimentelor

Folosind această metodă, înregistrăm modificări în dom-manipularea care vor avea efect atunci când interacționăm cu browserul. Unele dintre metodele de gestionare a evenimentelor jQuery sunt:

  • bind (): această metodă atașează o gestionare a evenimentelor la elementul specificat.
  • blur (): această metodă leagă un eveniment javascript blur la elementul specificat.
  • change (): Acest eveniment leagă elementul specificat cu elementul javascript Change.
  • click (): Această metodă leagă un eveniment javascript de clic la elementul specificat.
  • delegate (): această metodă atașează unul sau mai multe evenimente la setul specificat al elementului.
  • die (): această metodă elimină orice fel de gestionare a evenimentelor javascript atașate la setul elementului specificat.
  • eroare (): această metodă atașează o gestionare a evenimentelor de eroare la setul specificat al elementului.
  • focus (): aceste metode leagă o gestionare a evenimentelor focus la setul specificat al elementului.
  • hover (): această metodă leagă o gestionare a evenimentelor hover la setul specificat al elementului.

Ei bine, am încercat să includ numărul maxim de metode jQuery folosite în zilele noastre până la procesul de dezvoltare a zilei. În afară de acestea, există multe alte metode jQuery care trebuie studiate. În fiecare zi există o anumită dezvoltare în metodele jQuery. Deci, de fiecare dată când jQuery își lansează versiunea, acestea includ mai multe metode noi jQuery.

Articole recomandate

Acesta este un ghid pentru metodele jQuery. Aici am discutat despre diferitele tipuri de metode jQuery cum ar fi Metodele de manipulare Dom, Traversing și declanșarea evenimentelor, etc. De asemenea, puteți consulta articolul următor pentru a afla mai multe -

  1. Cum se instalează Jquery?
  2. Ce este jQuery?
  3. Ce este PostgreSQL?
  4. Instrumente de management SQL
  5. jQuery querySelector
  6. Ghid pentru exemple de bare de progres JQuery

Categorie:

Dezvoltare de software