Johdatus jQuery-menetelmiin

Jos olet yllättynyt sanasta jQuery, anna minun ensin selittää sinulle, mikä on jQuery. jQuery on yksi suosituimmista javascript-kirjastoista verkkosivustojen tai verkkosovellusten rakentamiseksi. Se on erityisesti suunniteltu ratkaisemaan html dom-puun manipulointi ja tapahtumien käsittely sekä html dom-puun käsittely, css-siirtyminen ja css-animaatio ajax-käsittelyn tuella. Se on myös avoimen lähdekoodin ja ilmainen gnu-lisenssillä. Tässä aiheessa aiomme oppia jQuery-menetelmistä.

jQuery on erittäin helppo oppia, koska se yksinkertaistaa javascript-ohjelmointia. JQuery on css3-yhteensopiva, selainten välinen yhteensopivuus ja sillä on erittäin vähän kevyitä jalanjälkiä. Lyhyesti sanottuna voidaan sanoa, että jQuery on muuttanut niiden kehittäjien polkua, jotka kirjoittivat pitkän koodinsa javascriptiin. jQuery tarjoaa erilaisen menetelmän dom-manipulaatioita, poikittaisia ​​m-tapahtumia, tapahtumien käsittelyä tai tapahtumien laukaisua varten, attribuuttien manipulointia, ulottuvuuden manipulointia, css-manipulaatioita ja animaatioita varten.

JQuery-menetelmien tyypit

Täällä opitaan erityyppisiä jQuery-menetelmiä, jotka on annettu alla

1) Dom-manipulointi

Mitä tahansa käytämmekin näitä menetelmiä, keskitymme lopulta dom-tapahtumien muuttamiseen. Toisin sanoen, voimme sanoa näiden menetelmien avulla manipuloivan dom. Jotkut dom-manipuloinnin jQuery-menetelmät ovat:

  • addClass (): Sovittujen elementtien joukossa se lisää määritetyn luokan tai luokat jokaiselle elementille.
  • jälkeen (): Lisää vastaavien elementtien joukkoon parametrin määrittämä tieto tai sisältö kunkin elementtitaulun jälkeen.
  • append (): Lyhyesti sanottuna voidaan sanoa, että tällä menetelmällä lisäämme tietoja tai sisältöä tiettyyn elementtiin.
  • attr (): Tämä menetelmä antaa tietyn elementin ominaisuusarvon.
  • before (): Tätä menetelmää käyttämällä voidaan lisätä tietoja tai sisältöä ennen kutakin määritettyä elementtiä.
  • klooni (): Tällä menetelmällä kopioimme syöttöelementti syvälle.
  • css (): Tätä menetelmää käyttämällä muutamme määritetyn elementin css.
  • irrota (): Tätä menetelmää käyttämällä yksinkertaisesti poistetaan määritetty elementti dom-puusta.
  • hasClass (): Tätä menetelmää käyttämällä määritetty luokka liitetään tiettyyn elementtiin.
  • tyhjä (): Tämä menetelmä poistaa kaikki alakohtaiset solmut, jotka on liitetty tiettyyn elementtiin dom-puu.
  • korkeus (): Tämä menetelmä antaa määritetyn elementin korkeuden arvon.
  • offset (): Tämä menetelmä asettaa määritetyn elementin koordinaatit suhteessa asiakirjaan.
  • sijainti (): Tämä menetelmä saa määritetyn elementin nykyisen sijainnin suhteessa vanhempaan elementtiin.
  • prop (): Tämä menetelmä antaa valitun elementtiominaisuuden arvon.
  • replaAll (): Tämä menetelmä korvaa kaikki kohdeelementit määritellyllä elementillä.
  • text (): Tämä menetelmä asettaa tai hakee määritettyjen elementtien tekstimerkkiarvon.
  • Val (): Tämä menetelmä antaa ensimmäisten määriteltyjen elementtien nykyarvon.
  • leveys (): Tämä menetelmä antaa määritettyjen elementtien lasketun leveysarvon.
  • wrap (): Tämä menetelmä kääri tietyn html-rakenteen kunkin elementin ympärille määritettyjen elementtijoukkojen sisällä.
  • wrapInner (): Tämä menetelmä kääri html-rakenteen kunkin määritetyn elementin sisällön ympärille.

2) Kulkeminen

Tämä menetelmä auttaa meitä navigoimaan yhdestä dom-elementistä toiseen dom-elementtiin vanhemman ja lapsen hierarkian mukaisesti. Jotkut kulkutavoista ovat:

  • add (): Tämä menetelmä luo uuden jQuery-objektin ja lisää sen määritettyihin elementteihin.
  • addBack (): Tämä menetelmä lisää jQuery-elementin aiemman joukon nykyiseen pinoelementtiin .
  • lapset (): Nämä menetelmät löytävät kunkin määritetyn elementin lapsielementin.
  • lähin (): Tämä menetelmä löytää elementin, joka vastaa ensin valitsinta.
  • content (): Tämä menetelmä löytää määritetyn elementin sisällön, mukaan lukien kommenttisolmut ja teksti molemmat.
  • jokainen (): Tämä menetelmä toistuu silmukan läpi, mikä tarkoittaa, että tätä menetelmää sovelletaan kaikkiin siihen liittyviin määriteltyihin elementteihin.
  • end (): Tämä menetelmä lopettaa viimeisimmän suodatustehtävän ja palauttaa sovitetun elementin edelliseen tilaan.
  • eq (): Tämä menetelmä pienentää määritetyn elementin joukon yhdeksi määritellyssä indeksissä.
  • suodatin (): Tämä menetelmä antaa määritetyn elementin antaman suodattimen perusteella.
  • ensin (): Tämä menetelmä antaa määritetyn elementin antamasi valitsimen perusteella.
  • on (): Tämä menetelmä antaa määritetyn elementin tai valitsimen joukon.
  • map (): Tämä menetelmä palauttaa jQuery-objektin uuden arvon, joka perustuu kunkin elementin läpi kulkevaan funktioon.
  • seuraava (): Tämä menetelmä antaa heti seuraavan valitun elementin sisaruksen.
  • parent (): Tämä menetelmä antaa vanhemmalle valita määritetyn elementin.
  • prev (): Tämä menetelmä antaa tällä hetkellä määritettyjen elementtien välittömän edellisen sisaruksen.

3) Tapahtuman käynnistäminen

Tätä menetelmää käyttämällä rekisteröimme dom-manipulaation muutokset, jotka tulevat voimaan vuorovaikutuksessa selaimen kanssa. Jokin tapahtumien käsittelyn jQuery-menetelmistä ovat:

  • bind (): Tämä menetelmä liittää tapahtumien käsittelyn määritettyyn elementtiin.
  • blur (): Tämä menetelmä sitoo epätarkkuuden javascript-tapahtuman määritettyyn elementtiin.
  • change (): Tämä tapahtuma sitoo määritetyn elementin muutoksen javascript-elementtiin.
  • click (): Tämä menetelmä sitoo napsautuksen javascript-tapahtuman määritettyyn elementtiin.
  • edustaja (): Tämä menetelmä liittää yhden tai useamman tapahtuman määritettyyn elementtijoukkoon.
  • die (): Tämä menetelmä poistaa kaikenlaisen javascript-tapahtumien käsittelyn, joka on liitetty määritetyn elementin joukkoon.
  • virhe (): Tämä menetelmä liittää virhetapahtuman käsittelyyn määritettyyn elementtijoukkoon.
  • focus (): Nämä menetelmät sitovat tarkennustapahtumien käsittelyn määritettyyn elementtijoukkoon.
  • hover (): Tämä menetelmä sitoo hover-tapahtuman käsittelyn määritettyyn elementtijoukkoon.

No, yritin sisällyttää päivittäiseen kehitysprosessiin mahdollisimman suuren määrän käytettyjä jQuery-menetelmiä. Näiden lisäksi on vielä paljon jQuery-menetelmiä, jotka on tutkittava. Joka päivä jQuery-menetelmissä tapahtuu jonkin verran kehitystä. Joten joka kerta, kun jQuery julkaisee versionsa, ne sisältävät useita uusia jQuery-menetelmiä.

Suositellut artikkelit

Tämä on opas jQuery-menetelmiin. Täällä olemme keskustelleet erityyppisistä jQuery-menetelmistä, kuten dominointi-, liikkumis- ja tapahtumalaukaisumenetelmistä jne. Voit myös tarkastella seuraavaa artikkelia saadaksesi lisätietoja -

  1. Kuinka asentaa Jquery?
  2. Mikä on jQuery?
  3. Mikä on PostgreSQL?
  4. SQL-hallintatyökalut
  5. jQuery querySelector
  6. Opas JQuery-edistymispalkkiesimerkkeihin

Luokka:

Ohjelmistokehitys