Sissejuhatus jQuery meetoditesse

Kui teid üllatab sõna jQuery, lubage mul kõigepealt selgitada teile, mis on jQuery. jQuery on üks populaarsemaid javascripti teeke veebisaitide või veebirakenduste loomiseks. See on spetsiaalselt loodud lahendama html dom puu manipuleerimist ja sündmuste käsitlemist, aga ka html dom puu liikumist, css üleminekut ja css animatsiooni ajax käitlemise toel. Samuti on see gnu litsentsi alusel avatud lähtekoodiga ja tasuta. Selles teemas õpime tundma jQuery meetodeid.

jQuery on väga lihtne õppida, kuna see lihtsustab javascripti programmeerimist. JQuery ühildub css3-ga, brauseriteülese ühilduvusega ja sellel on väga madalad jalajäljed. Lühidalt võib öelda, et jQuery on muutnud nende arendajate teed, kes kirjutasid oma pika koodi javascripti. jQuery pakub erinevat meetodit dom-manipulatsioonide, ristmõjude, sündmuste käsitlemise või sündmuste käivitamise, atribuutide manipuleerimise, mõõtmete manipuleerimise, css-manipuleerimise ja animatsioonide jaoks.

JQuery meetodite tüübid

Siin õpime erinevaid jQuery meetodeid, mis on toodud allpool

1) Dom manipuleerimine

Ükskõik, mida me neid meetodeid kasutame, keskendume lõpuks dom sündmuste muutmisele. Teisisõnu, võime öelda, et nende meetodite abil manipuleerime dom-iga. Mõned domQ manipuleerimise jQuery meetodid on:

  • addClass (): sobivate elementide komplektis lisab see igale elemendile määratud klassi või klassid.
  • pärast (): sisestage sobivate elementide hulka iga elemendi sildi järel parameetriga täpsustatud andmed või sisu.
  • append (): Lühidalt öeldes võime öelda, et selle meetodi abil sisestame konkreetsele elemendile andmed või sisu.
  • attr (): See meetod annab konkreetse elemendi atribuudi väärtuse.
  • before (): Selle meetodi abil saame sisestada mis tahes andmeid või sisu enne iga määratletud elementi.
  • kloon (): Selle meetodi abil kopeerime hankitud elemendi sügavuti.
  • css (): Selle meetodi abil muudame määratud elemendi css.
  • detach (): Selle meetodi abil kustutame määratud elemendi dom-puust lihtsalt.
  • hasClass (): Selle meetodi abil leiame kindlale elemendile lisatud klassi.
  • tühi (): see meetod kustutab kõik konkreetse elemendi dom puu külge kinnitatud alamsõlmed.
  • kõrgus (): see meetod annab määratletud elemendi kõrguse väärtuse.
  • offset (): Selle meetodiga määratakse kindlaks määratud elemendi koordinaat dokumendi suhtes.
  • position (): Selle meetodiga saadakse määratud elemendi praegune asukoht selle lähteelemendi suhtes.
  • prop (): See meetod annab valitud elemendi omaduse väärtuse.
  • replaAll (): See meetod asendab kogu sihtelemendi määratud elemendiga.
  • text (): See meetod seab või saab määratud elementide tekstistringi väärtuse.
  • Val (): See meetod annab esimeste määratletud elementide praeguse väärtuse.
  • laius (): See meetod annab kindlaksmääratud elementide arvutatud laiuse väärtuse.
  • wrap (): Selle meetodiga mähitakse konkreetne html-struktuur iga elemendi ümber määratletud elementide komplektidesse.
  • wrapInner (): Selle meetodiga mähitakse HTML-i struktuur iga määratletud elemendi sisu ümber.

2) läbimine

See meetod aitab meil navigeerida ühelt dom-elemendilt teisele dom-elemendile, järgides vanema-lapse hierarhiat. Mõned liikumisviisid on järgmised:

  • add (): See meetod loob uue jQuery objekti ja lisab selle määratud elementidele.
  • addBack (): See meetod lisab jQuery eelmise elemendi komplekti aktiivsele pinuelemendile .
  • lapsed (): Need meetodid leiavad iga määratud elemendi alamelemendi.
  • lähim (): Selle meetodiga leitakse element, mis sobib kõigepealt valijaga.
  • content (): Selle meetodiga leitakse määratud elemendi sisu, sealhulgas kommentaari sõlmed ja mõlemad tekstid.
  • iga (): Seda meetodit korratakse silmuse kaudu, mis tähendab, et seda meetodit rakendatakse kõigi sellega seotud elementide suhtes.
  • end (): See meetod lõpetab kõige uuema filtreerimisülesande ja taastab selle sobitatud elemendi eelmisesse olekusse.
  • eq (): See meetod vähendab määratud elementide kogumi määratud indeksis ühele.
  • filter (): see meetod annab antud elemendi vastavalt meie filtrile.
  • esimene (): See meetod annab teie valitud valijale tuginedes määratud elemendi.
  • has (): See meetod annab määratud elemendi või valija komplekti.
  • map (): See meetod tagastab jQuery objekti uue väärtuse, mis põhineb funktsioonil, mis lastakse läbi iga elemendi.
  • järgmine (): See meetod annab kohe valitud elemendi järgmise õe-venna.
  • parent (): See meetod annab vanemale valitud elemendi.
  • prev (): See meetod annab praegu määratletud elementide kohese eelneva õe või venna.

3) Ürituse käivitamine

Seda meetodit kasutades registreerime dom-manipulatsioonis muudatused, mis jõustuvad brauseriga suheldes. Mõned sündmuste käsitlemise jQuery meetodid on:

  • bind (): see meetod seob sündmusehalduse määratud elemendiga.
  • blur (): see meetod seob JavaScripti häguse sündmuse määratud elemendiga.
  • muudatus (): see sündmus seob määratud elemendi muutmise javascripti elemendiga.
  • click (): see meetod seob klõpsamise javascripti sündmuse määratud elemendiga.
  • delegate (): See meetod seob elemendi määratud komplektiga ühe või mitu sündmust.
  • die (): Selle meetodi abil eemaldatakse määratud elemendi komplektile lisatud mis tahes javascripti sündmuste käitlemine.
  • error (): See meetod seob elemendi määratletud komplektiga veasündmuse käsitlemise.
  • focus (): Need meetodid seovad fookusesündmuse käsitlemise elemendi määratud komplektiga.
  • hover (): see meetod seob hõljumisündmuse käsitlemise elemendi määratletud komplektiga.

Noh, proovisin kaasata meie igapäevasesse arendusprotsessi maksimaalse arvu võimalikke jQuery meetodeid. Peale nende on veel palju jQuery meetodeid, mida tuleb uurida. Iga päev toimub jQuery meetodite areng. Nii et iga kord, kui jQuery oma versiooni välja annab, sisaldavad need mitmeid uusi jQuery meetodeid.

Soovitatavad artiklid

See on jQuery Methods juhend. Siin oleme arutanud erinevaid jQuery-meetodite tüüpe, näiteks domeeni manipuleerimise, liikumise ja sündmuste käivitamise meetodid jne. Lisateabe saamiseks võite vaadata ka järgmist artiklit -

  1. Kuidas installida Jquery?
  2. Mis on jQuery?
  3. Mis on PostgreSQL?
  4. SQL-i haldustööriistad
  5. jQuery querySelector
  6. JQuery edenemisriba näidete juhend

Kategooria:

Tarkvaraarendus