Introduksjon til jQuery Methods

Hvis du er overrasket over ordet jQuery, la meg først forklare deg hva som er jQuery. jQuery er et av de mest populære javascript-bibliotekene for å bygge nettsteder eller webapplikasjoner. Den er spesialdesignet for å løse html dom tre-manipulering og hendelseshåndtering samt html dom tre-traversal, css-overgang og css-animasjon med støtte for håndtering av ajax. Det er også åpen kildekode og kostnadsfritt under gnu-lisensen. I dette emnet skal vi lære om jQuery Methods.

jQuery er veldig enkelt å lære, da det forenkler programmering av JavaScript. JQuery er kompatibel med css3, kompatibilitet på tvers av nettlesere og har svært lave fotavtrykk. Kort sagt kan vi si at jQuery har endret banen for utviklere som pleide å skrive sin lange kode i javascript. jQuery gir en annen metode for dommanipulering, tverrgående m, hendelseshåndtering eller hendelsesutløsing, attributerer manipulasjon, dimensjonsmanipulering, css-manipulasjon og animasjoner.

Typer jQuery-metoder

Her skal vi lære forskjellige typer jQuery-metoder gitt nedenfor

1) Dommanipulering

Uansett hva vi bruker disse metodene, til slutt, fokuserer vi på å endre dom-hendelser. Med andre ord kan vi si at ved bruk av disse metodene manipulerer vi dom. Noen av dom-manipulasjons-jQuery-metodene er:

  • addClass (): I settet med matchede elementer legger den den angitte klassen eller klassene til hvert element.
  • etter (): I settet med matchede elementer, sett inn data eller innhold som er spesifisert av parameteren etter hver elementkode.
  • vedlegg (): I korte ord kan vi si at ved bruk av denne metoden setter vi inn data eller innhold i det spesifikke elementet.
  • attr (): Denne metoden gir attributtverdien til det aktuelle elementet.
  • før (): Ved hjelp av denne metoden kan vi sette inn data eller innhold før hvert spesifisert element.
  • klon (): Ved hjelp av denne metoden kopierer vi innhentet element.
  • css (): Ved å bruke denne metoden endrer vi css for det spesifiserte elementet.
  • løsne (): Ved å bruke denne metoden sletter vi bare det spesifiserte elementet fra dom-treet.
  • hasClass (): Ved hjelp av denne metoden finner vi den spesifiserte klassen som er knyttet til det aktuelle elementet.
  • tom (): Denne metoden sletter alle underordnede knuter knyttet til det bestemte elementet treet.
  • høyde (): Denne metoden gir verdien til høyden til det spesifiserte elementet.
  • offset (): Denne metoden angir koordinaten til det spesifiserte elementet i forhold til dokumentet.
  • posisjon (): Denne metoden får gjeldende posisjon for det spesifiserte elementet i forhold til det overordnede elementet.
  • prop (): Denne metoden gir verdien til den valgte elementeegenskapen.
  • erstatte alle (): Denne metoden erstatter alle målelementene med det spesifiserte elementet.
  • tekst (): Denne metoden setter eller får tekststrengverdien til spesifiserte elementer.
  • Val (): Denne metoden gir gjeldende verdi for de første spesifiserte elementene.
  • bredde (): Denne metoden gir beregnet breddeverdi for de spesifiserte elementene.
  • wrap (): Denne metoden pakker den spesifikke html-strukturen rundt hvert element i settene med spesifiserte elementer.
  • wrapInner (): Denne metoden pakker HTML-strukturen rundt innholdet i hvert spesifiserte element.

2) Kryss

Denne metoden hjelper oss med å navigere fra ett dom-element til andre dom-elementer etter et foreldre-barn hierarki. Noen av kryssingsmetodene er:

  • add (): Denne metoden oppretter et nytt jQuery-objekt og legger det til de spesifiserte elementene.
  • addBack (): Denne metoden legger til et tidligere jQuery-sett med elementet til det nåværende stabelelementet.
  • barn (): Disse metodene finner barnelementet til hvert spesifisert element.
  • nærmest (): Denne metoden finner elementet som passer først til velgeren.
  • content (): Denne metoden finner innholdet i det spesifiserte elementet inkludert kommentarnoder og tekst begge deler.
  • hver (): Denne metoden iterere gjennom en sløyfe, noe som betyr at denne metoden blir brukt på alle de spesifiserte elementene som er relatert til den.
  • slutt (): Denne metoden avslutter den nyeste filtreringsoppgaven og returnerer det matchede elementet til forrige tilstand.
  • ekv (): Denne metoden reduserer settet med det spesifiserte elementet til et ved den spesifiserte indeksen.
  • filter (): Denne metoden gir det spesifiserte elementet basert på filteret vi gir.
  • first (): Denne metoden gir det spesifiserte elementet basert på velgeren du har gitt.
  • har (): Denne metoden gir settet med spesifisert element eller velger.
  • kart (): Denne metoden returnerer en ny verdi av et jQuery-objekt basert på en funksjon som sendes gjennom hvert element.
  • neste (): Denne metoden gir umiddelbart neste søsken til det bestemte valgte elementet.
  • overordnet (): Denne metoden gir foreldrene valg av det spesifiserte elementet.
  • prev (): Denne metoden gir øyeblikkelig tidligere søsken av de for øyeblikket spesifiserte elementene.

3) Begivenhetsutløsende

Ved hjelp av denne metoden registrerer vi endringer i dom-manipulasjonen som vil tre i kraft når du interagerer med nettleseren. Noen av hendelseshåndteringsmetodene for jQuery er:

  • bind (): Denne metoden knytter en hendelseshåndtering til det spesifiserte elementet.
  • uskarphet (): Denne metoden binder en uskarphet-JavaScript-hendelse til det angitte elementet.
  • endring (): Denne hendelsen binder det spesifiserte elementet med endrings-JavaScript-elementet.
  • click (): Denne metoden binder en klikk-JavaScript-hendelse til det angitte elementet.
  • delegat (): Denne metoden knytter en eller flere hendelser til det spesifiserte settet med elementet.
  • die (): Denne metoden fjerner enhver form for håndtering av javascripthendelser knyttet til settet med det spesifiserte elementet.
  • error (): Denne metoden knytter en håndtering av feilhendelser til det angitte elementet.
  • fokus (): Disse metodene binder en håndtering av fokushendelser til det angitte elementet.
  • hover (): Denne metoden binder en håndtering av svevehendelser til det angitte settet med elementet.

Vel, jeg prøvde å ta med maksimalt antall mulige brukte jQuery-metoder i vår dag til dag utviklingsprosess. Bortsett fra disse er det mange flere jQuery-metoder som må studeres. Hver dag er det en viss utvikling i jQuery-metoder. Så hver gang jQuery slipper sin versjon, inkluderer de flere nye jQuery-metoder.

Anbefalte artikler

Dette er en guide til jQuery Methods. Her har vi diskutert de forskjellige typene jQuery-metoder som Dom Manipulation, Traversing og Event trigging Methods etc. Du kan også se på følgende artikkel for å lære mer -

  1. Hvordan installerer Jquery?
  2. Hva er jQuery?
  3. Hva er PostgreSQL?
  4. SQL Management Tools
  5. jQuery querySelector
  6. Eksempel på JQuery Progress Bar

Kategori:

Programvare utvikling