Inleiding tot jQuery-methoden

Als je verrast bent door het woord jQuery, laat me je dan eerst uitleggen wat jQuery is. jQuery is een van de meest populaire JavaScript-bibliotheken om websites of webapplicaties te bouwen. Het is speciaal ontworpen voor het oplossen van html dom tree-manipulatie en gebeurtenisafhandeling, evenals html dom tree-transversatie, css-overgang en css-animatie met ondersteuning voor de afhandeling van ajax. Het is ook open source en kosteloos onder de GNU-licentie. In dit onderwerp gaan we meer te weten komen over jQuery-methoden.

jQuery is heel gemakkelijk te leren omdat het de programmering van javascript vereenvoudigt. JQuery is css3-compatibel, cross-browser compatibiliteit en heeft zeer lage lichtgewicht footprints. Kortom, we kunnen zeggen dat jQuery het pad heeft gewijzigd voor ontwikkelaars die hun lange code in javascript schreven. jQuery biedt een andere methode voor dommanipulatie, transversale m, event handling of event triggering, attributenmanipulatie, dimensiemanipulatie, css-manipulatie en animaties.

Soorten jQuery-methoden

Hier gaan we verschillende soorten jQuery-methoden leren die hieronder worden gegeven

1) Dommanipulatie

Wat we ook doen, deze methoden zijn uiteindelijk gericht op het veranderen van dom-evenementen. Met andere woorden, we kunnen zeggen dat we met deze methoden dom manipuleren. Sommige van jQuery-methoden voor dommanipulatie zijn:

  • addClass (): in de set van overeenkomende elementen wordt de opgegeven klasse of klassen aan elk element toegevoegd.
  • after (): voeg in de set van overeenkomende elementen na elke element-tag gegevens of inhoud in die is opgegeven door de parameter.
  • append (): In het kort kunnen we zeggen dat we met deze methode gegevens of inhoud aan het specifieke element toevoegen.
  • attr (): deze methode geeft de kenmerkwaarde van het specifieke element.
  • before (): met deze methode kunnen we alle gegevens of inhoud vóór elk opgegeven element invoegen.
  • clone (): met deze methode kopiëren we het sourced element diep.
  • css (): met deze methode wijzigen we de css van het opgegeven element.
  • detach (): met behulp van deze methode verwijderen we eenvoudig het opgegeven element uit de dom tree.
  • hasClass (): Met deze methode vinden we de opgegeven klasse die aan het specifieke element is gekoppeld.
  • empty (): met deze methode worden alle onderliggende knooppunten verwijderd die zijn gekoppeld aan de specifieke elementdome-structuur.
  • height (): deze methode geeft de waarde van de hoogte van het opgegeven element.
  • offset (): deze methode stelt de coördinaat van het opgegeven element in ten opzichte van het document.
  • position (): deze methode haalt de huidige positie van het opgegeven element op ten opzichte van het bovenliggende element.
  • prop (): deze methode geeft de waarde van de momenteel geselecteerde elementeigenschap.
  • vervangAll (): deze methode vervangt alle doelelementen door het opgegeven element.
  • text (): met deze methode wordt de tekenreekswaarde van opgegeven elementen ingesteld of opgehaald.
  • Val (): deze methode geeft de huidige waarde van de eerste opgegeven elementen.
  • width (): deze methode geeft de berekende breedtewaarde van de opgegeven elementen.
  • wrap (): deze methode wikkelt de specifieke html-structuur rond elk element in de sets met opgegeven elementen.
  • wrapInner (): deze methode wikkelt de html-structuur rond de inhoud van elke opgegeven elementen.

2) Doorkruisen

Deze methode helpt ons bij het navigeren van het ene dom-element naar andere dom-elementen volgens een ouder-child hiërarchie. Enkele van de verplaatsingsmethoden zijn:

  • add (): deze methode maakt een nieuw jQuery-object en voegt dit toe aan de opgegeven elementen.
  • addBack (): deze methode voegt een vorige jQuery-set van het element toe aan het huidige stapelelement .
  • children (): met deze methoden wordt het onderliggende element van elk opgegeven element gevonden.
  • dichtstbijzijnde (): deze methode zoekt het element dat het eerst overeenkomt met de selector.
  • content (): deze methode vindt de inhoud van het opgegeven element, inclusief commentaarknooppunten en tekst beide.
  • each (): deze methode doorloopt een lus, wat betekent dat deze methode wordt toegepast op alle elementen die erop betrekking hebben.
  • end (): met deze methode wordt de meest recente filtertaak beëindigd en wordt het overeenkomende element teruggezet naar de vorige status.
  • eq (): met deze methode wordt de set van het opgegeven element gereduceerd tot één bij de opgegeven index.
  • filter (): deze methode geeft het opgegeven element op basis van het filter dat we geven.
  • first (): deze methode geeft het opgegeven element op basis van de selector die u hebt opgegeven.
  • has (): deze methode geeft de set van het opgegeven element of selector.
  • map (): deze methode retourneert een nieuwe waarde van een jQuery-object op basis van een functie die door elk element wordt doorgegeven.
  • next (): deze methode geeft onmiddellijk de volgende broer of zus van het specifieke geselecteerde element.
  • parent (): deze methode geeft de parent een selectie van het opgegeven element.
  • vorige (): deze methode geeft direct een vorige broer of zus van de momenteel opgegeven elementen.

3) Triggeren van gebeurtenissen

Met deze methode registreren we wijzigingen in de dommanipulatie die van kracht worden bij interactie met de browser. Sommige van de jQuery-methoden voor de afhandeling van evenementen zijn:

  • bind (): deze methode koppelt een gebeurtenisafhandeling aan het opgegeven element.
  • blur (): deze methode bindt een javascript-gebeurtenis blur aan het opgegeven element.
  • change (): deze gebeurtenis bindt het opgegeven element met het javascript-element change.
  • click (): deze methode bindt een klik-javascript-gebeurtenis aan het opgegeven element.
  • delegate (): deze methode voegt een of meer gebeurtenissen toe aan de opgegeven set van het element.
  • die (): Deze methode verwijdert elke vorm van JavaScript-gebeurtenisafhandeling die aan de set van het opgegeven element is gekoppeld.
  • error (): deze methode koppelt een foutafhandeling af aan de opgegeven set van het element.
  • focus (): deze methoden binden een focusgebeurtenishandeling aan de opgegeven set van het element.
  • hover (): deze methode bindt een hovergebeurtenisafhandeling aan de opgegeven set van het element.

Welnu, ik probeerde het maximale aantal mogelijk gebruikte jQuery-methoden in ons dagelijkse ontwikkelingsproces op te nemen. Afgezien hiervan zijn er nog veel meer jQuery-methoden die moeten worden bestudeerd. Elke dag is er enige ontwikkeling in jQuery-methoden. Dus elke keer dat jQuery zijn versie uitgeeft, bevatten ze verschillende nieuwe jQuery-methoden.

Aanbevolen artikelen

Dit is een handleiding voor jQuery-methoden. Hier hebben we de verschillende soorten jQuery-methoden besproken, zoals Dom Manipulation, Traversing en Event-triggering Methods etc. U kunt ook het volgende artikel bekijken voor meer informatie -

  1. Hoe Jquery te installeren?
  2. Wat is jQuery?
  3. Wat is PostgreSQL?
  4. SQL Management Tools
  5. jQuery querySelector
  6. Handleiding voor voorbeelden van JQuery-voortgangsbalk

Categorie:

Software ontwikkeling