Introduktion till jQuery Methods

Om du är förvånad över ordet jQuery, låt mig först förklara vad som är jQuery. jQuery är ett av de mest populära javascript-biblioteken för att bygga webbplatser eller webbapplikationer. Det är speciellt utformat för att lösa html dom träd manipulation och händelsehantering samt html dom träd traversal, css övergång och css animation med stöd för hantering av ajax. Det är också öppen källkod och kostnadsfritt under gnu-licensen. I det här ämnet kommer vi att lära oss om jQuery Methods.

jQuery är mycket lätt att lära sig eftersom det förenklar javascript-programmering. JQuery är kompatibel med css3, kompatibilitet mellan webbläsare och har mycket låga fotavtryck. Kort sagt kan vi säga att jQuery har ändrat sökvägen för utvecklare som brukade skriva sin långa kod i javascript. jQuery tillhandahåller en annan metod för dom-manipulation, transversal m, händelseshantering eller händelsutlösning, attributmanipulation, dimensionsmanipulation, css-manipulation och animationer.

Typer av jQuery-metoder

Här kommer vi att lära oss olika typer av jQuery-metoder som ges nedan

1) Dommanipulation

Oavsett vad vi använder dessa metoder fokuserar vi i slutändan på att förändra dom-händelser. Med andra ord kan vi säga med dessa metoder att vi manipulerar dom. Några av dom-manipulation jQuery-metoder är:

  • addClass (): I uppsättningen matchade element lägger den den angivna klassen eller klasserna till varje element.
  • efter (): I uppsättningen matchade element, sätt in data eller innehåll som anges av parametern efter varje elementtagg.
  • append (): Med korta ord kan vi säga att med den här metoden sätter vi in ​​data eller innehåll i det specifika elementet.
  • attr (): Den här metoden ger attributets värde för det specifika elementet.
  • före (): Med denna metod kan vi infoga all data eller innehåll före varje specificerat element.
  • klon (): Med hjälp av denna metod kopierar vi inhämtat element.
  • css (): Med den här metoden ändrar vi css för det angivna elementet.
  • detach (): Med den här metoden raderar vi helt enkelt det angivna elementet från domträdet.
  • hasClass (): Med hjälp av denna metod hittar vi den angivna klassen som är kopplad till det specifika elementet.
  • tom (): Den här metoden raderar alla underordnade noder kopplade till det specifika elementet dom trädet.
  • höjd (): Den här metoden ger värdet på det specificerade elementets höjd.
  • offset (): Den här metoden ställer in koordinaten för det specificerade elementet relativt dokumentet.
  • position (): Den här metoden får den aktuella positionen för det specificerade elementet relativt dess överordnade element.
  • prop (): Den här metoden ger värdet på den nuvarande valda elementegenskapen.
  • bytesAll (): Den här metoden ersätter alla målelement med det angivna elementet.
  • text (): Den här metoden anger eller får textsträngsvärdet för specificerade element.
  • Val (): Den här metoden ger det aktuella värdet för de första specificerade elementen.
  • bredd (): Den här metoden ger det beräknade breddvärdet för de angivna elementen.
  • wrap (): Den här metoden lindar den specifika html-strukturen runt varje element i uppsättningarna med specificerade element.
  • wrapInner (): Den här metoden lindar HTML-strukturen runt innehållet i varje specificerat element.

2) Korsning

Den här metoden hjälper oss att navigera från ett dom-element till andra dom-element efter en förälder-barn-hierarki. Några av de korsande metoderna är:

  • add (): Den här metoden skapar ett nytt jQuery-objekt och lägger till det i de angivna elementen.
  • addBack (): Den här metoden lägger till en tidigare uppsättning av elementet i jQuery till det aktuella stackelementet.
  • barn (): Dessa metoder hittar barnelementet för varje specificerat element.
  • närmast (): Denna metod hittar det element som matchar först till väljaren.
  • innehåll (): Den här metoden hittar innehållet i det specificerade elementet inklusive kommentarnoder och text båda.
  • varje (): Den här metoden itereras genom en slinga, vilket innebär att den här metoden kommer att tillämpas på alla specificerade element relaterade till den.
  • slut (): Den här metoden avslutar den senaste filtreringsuppgiften och återställer det matchade elementet till dess tidigare tillstånd.
  • eq (): Denna metod reducerar uppsättningen för det specificerade elementet till ett vid det angivna indexet.
  • filter (): Den här metoden ger det angivna elementet baserat på det filter vi ger.
  • först (): Den här metoden ger det angivna elementet baserat på väljaren du har angett.
  • har (): Den här metoden ger uppsättningen av specificerat element eller väljare.
  • karta (): Den här metoden returnerar ett nytt värde för ett jQuery-objekt baserat på en funktion som passeras genom varje element.
  • nästa (): Den här metoden ger omedelbart nästa syskon till det valda elementet.
  • överordnad (): Den här metoden ger föräldervalet för det angivna elementet.
  • prev (): Den här metoden ger omedelbart tidigare syskon av de för närvarande angivna elementen.

3) Event Triggering

Med denna metod registrerar vi förändringar i dom-manipulationen som kommer att träda i kraft när du interagerar med webbläsaren. Några av händelseshanteringsmetoderna för jQuery är:

  • bind (): Den här metoden fäster en händelsehantering till det angivna elementet.
  • oskärpa (): Den här metoden binder en oskärpa javascript-händelse till det angivna elementet.
  • ändring (): Den här händelsen binder det angivna elementet med javascript-elementet.
  • click (): Den här metoden binder en klick-javascript-händelse till det angivna elementet.
  • delegat (): Den här metoden kopplar en eller flera händelser till den angivna uppsättningen av elementet.
  • die (): Den här metoden tar bort alla typer av händelser i javascript som är kopplade till uppsättningen för det angivna elementet.
  • error (): Den här metoden kopplar en felhändelseshantering till den angivna uppsättningen av elementet.
  • fokus (): Dessa metoder binder en hantering av fokushändelser till den angivna uppsättningen av elementet.
  • hover (): Denna metod binder en hantering av hoverhändelser till den angivna uppsättningen av elementet.

Tja, jag försökte ta med det maximala antalet möjliga använda jQuery-metoder i vår dag till dag-utvecklingsprocessen. Bortsett från dessa finns det många fler jQuery-metoder som måste studeras. Varje dag sker en viss utveckling av jQuery-metoder. Så varje gång jQuery släpper sin version inkluderar de flera nya jQuery-metoder.

Rekommenderade artiklar

Detta är en guide till jQuery Methods. Här har vi diskuterat olika typer av jQuery-metoder som Dommanipulation, Traversing och Event triggering Methods etc. Du kan också titta på följande artikel för att lära dig mer -

  1. Hur installerar Jquery?
  2. Vad är jQuery?
  3. Vad är PostgreSQL?
  4. SQL-hanteringsverktyg
  5. jQuery querySelector
  6. Guide till exempel på JQuery Progress Bar

Kategori:

Mjukvaruutveckling