Introduktion til jQuery-metoder
Hvis du er overrasket over ordet jQuery, så lad mig først forklare dig, hvad der er jQuery. jQuery er et af de mest populære javascript-biblioteker til opbygning af websteder eller webapplikationer. Det er specielt designet til at løse html dom-træmanipulation og -håndtering samt html dom-træstræning, css-overgang og css-animation med støtte til håndtering af ajax. Det er også open source og er uden omkostninger under gnu-licensen. I dette emne skal vi lære om jQuery Methods.
jQuery er meget let at lære, da det forenkler javascript-programmering. JQuery er css3-kompatibel, kompatibel med cross-browser og har meget lave letvægtsaftryk. Kort sagt kan vi sige, at jQuery har ændret stien for udviklere, der plejede at skrive deres lange kode i javascript. jQuery tilvejebringer en anden metode til dom-manipulation, tværgående m, begivenhedshåndtering eller begivenhedsudløsning, attributmanipulation, dimensionmanipulation, css-manipulation og animationer.
Typer af jQuery-metoder
Her skal vi lære forskellige typer jQuery-metoder, der er givet nedenfor
1) Dommanipulation
Uanset hvad vi bruger disse metoder, fokuserer vi til sidst på at ændre dom-begivenheder. Med andre ord kan vi sige ved hjælp af disse metoder, at vi manipulerer dom. Nogle af dom-manipulation jQuery-metoder er:
- addClass (): I sættet af matchede elementer tilføjer det den angivne klasse eller klasser til hvert element.
- efter (): I sættet af matchede elementer skal du indsætte data eller indhold, der er specificeret af parameteren efter hvert elementtag.
- tilføj (): Med korte ord kan vi sige ved hjælp af denne metode at indsætte data eller indhold til det specifikke element.
- attr (): Denne metode giver attributværdien for det bestemte element.
- før (): Ved hjælp af denne metode kan vi indsætte alle data eller indhold før hvert specificeret element.
- klon (): Ved hjælp af denne metode kopierer vi sourced elementet dybt.
- css (): Ved hjælp af denne metode ændrer vi css for det specificerede element.
- løsne (): Ved hjælp af denne metode sletter vi blot det specificerede element fra dom-træet.
- hasClass (): Ved hjælp af denne metode finder vi den specificerede klasse knyttet til det bestemte element.
- tom (): Denne metode sletter alle underordnede knudepunkter, der er knyttet til det bestemte element-dom-træ.
- højde (): Denne metode giver værdien af højden på det specificerede element.
- offset (): Denne metode indstiller koordinaten for det specificerede element i forhold til dokumentet.
- position (): Denne metode får den aktuelle position for det specificerede element i forhold til dets overordnede element.
- prop (): Denne metode giver værdien af den aktuelt valgte elementejendom.
- erstatte alle (): Denne metode erstatter alle målelementer med det specificerede element.
- tekst (): Denne metode indstiller eller får værdien for tekststreng for specificerede elementer.
- Val (): Denne metode giver den aktuelle værdi af de første specificerede elementer.
- bredde (): Denne metode giver den beregnede breddeværdi af de specificerede elementer.
- wrap (): Denne metode indpakker den bestemte html-struktur omkring hvert element i sætene med specificerede elementer.
- wrapInner (): Denne metode omslutter HTML-strukturen omkring indholdet af hvert specificeret element.
2) Krydsning
Denne metode hjælper os med at navigere fra et dom-element til andre dom-elementer efter et forældre-barn hierarki. Nogle af de gennemgående metoder er:
- tilføj (): Denne metode opretter et nyt jQuery-objekt og tilføjer det til de specificerede elementer.
- addBack (): Denne metode tilføjer et jQuery-forrige sæt af elementet til det aktuelle stabelelement .
- børn (): Disse metoder finder børnelementet for hvert specificeret element.
- nærmest (): Denne metode finder det element, der først matcher til vælgeren.
- indhold (): Denne metode finder indholdet af det specificerede element inklusive kommentarnoder og tekst begge.
- hver (): Denne metode itereres gennem en løkke, hvilket betyder, at denne metode vil blive anvendt på alt det specificerede element, der vedrører det.
- slut (): Denne metode afslutter den seneste filtreringsopgave og returnerer det matchede element til dets tidligere tilstand.
- eq (): Denne metode reducerer sættet af det specificerede element til et ved det specificerede indeks.
- filter (): Denne metode giver det specificerede element baseret på det filter, vi giver.
- first (): Denne metode giver det specificerede element baseret på den vælger, du har givet.
- har (): Denne metode giver det angivne element eller en vælger.
- kort (): Denne metode returnerer en ny værdi af et jQuery-objekt baseret på en funktion, der sendes gennem hvert element.
- næste (): Denne metode giver straks næste søskende til det bestemte valgte element.
- overordnet (): Denne metode giver overordnet valg af det specificerede element.
- prev (): Denne metode giver øjeblikkelig tidligere søskende af de aktuelt specificerede elementer.
3) Begivenhedsudløsende
Ved hjælp af denne metode registrerer vi ændringer i dom-manipulationen, der træder i kraft, når du interagerer med browseren. Nogle af metoderne til håndtering af jQuery er:
- bind (): Denne metode knytter en hændelseshåndtering til det specificerede element.
- sløring (): Denne metode binder en slør-javascript-begivenhed til det specificerede element.
- ændring (): Denne begivenhed binder det specificerede element med ændringen javascript-elementet.
- click (): Denne metode binder en klik-javascript-begivenhed til det specificerede element.
- delegat (): Denne metode knytter en eller flere hændelser til det specificerede sæt af elementet.
- die (): Denne metode fjerner enhver form for håndtering af javascriptbegivenheder, der er knyttet til sættet med det specificerede element.
- error (): Denne metode knytter en fejlhændelseshåndtering til det specificerede sæt af elementet.
- fokus (): Disse metoder binder en fokuseringshændelseshåndtering til det specificerede sæt af elementet.
- hover (): Denne metode binder en hoverhændelseshåndtering til det specificerede sæt af elementet.
Nå, jeg prøvede at medtage det maksimale antal mulige anvendte jQuery-metoder i vores udviklingsproces fra dag til dag. Bortset fra disse er der mange flere jQuery-metoder, der skal studeres. Hver dag er der en vis udvikling i jQuery-metoder. Så hver gang jQuery frigiver sin version, inkluderer de flere nye jQuery-metoder.
Anbefalede artikler
Dette er en guide til jQuery-metoder. Her har vi drøftet de forskellige typer jQuery-metoder, såsom Dom-manipulation, gennemgang og begivenhedsudløsende metoder osv. Du kan også se på følgende artikel for at lære mere -
- Sådan installeres Jquery?
- Hvad er jQuery?
- Hvad er PostgreSQL?
- SQL-styringsværktøjer
- jQuery querySelector
- Vejledning til eksempler på JQuery Progress Bar