Uvod v metode jQuery

Če vas preseneča beseda jQuery, naj vam najprej razložim, kaj je jQuery. jQuery je ena izmed najbolj priljubljenih knjižnic javascripta za izdelavo spletnih strani ali spletnih aplikacij. Posebej je zasnovan za reševanje html manipulacij z drevesi in ravnanje z dogodki, pa tudi prečkanje html dom drevesa, prehod css in animacijo css s podporo za upravljanje ajax. Je tudi odprtokodna in brez stroškov gnu licenca. V tej temi bomo spoznali metode jQuery.

jQuery je zelo enostavno naučiti, saj poenostavlja javascript programiranje. JQuery je združljiv s css3, združljivost med brskalniki in ima zelo nizke lahke odtise. Na kratko lahko rečemo, da je jQuery spremenil pot za razvijalce, ki so svoje dolgotrajno kodo pisali v javascript. jQuery ponuja drugačno metodo za manipulacijo s domom, prečno m, obdelavo dogodkov ali sprožitvijo dogodkov, manipulacijo z atributi, manipulacijo z dimenzijami, css manipulacijo in animacijami.

Vrste metod jQuery

Tu bomo spoznali različne vrste jQuery metod, ki so podane spodaj

1) Dom manipulacija

Karkoli bomo uporabili te metode, se na koncu osredotočimo na spreminjanje dom dogodkov. Z drugimi besedami, lahko rečemo, da s temi metodami manipuliramo s domom. Nekateri načini jQuery manipulacije s domom so:

  • addClass (): V nabor ujemajočih se elementov doda določen razred ali razrede vsakemu elementu.
  • after (): V niz ujemajočih se elementov za vsako oznako elementov vstavite podatke ali vsebino, ki jih poda parameter.
  • dodaj (): S kratkimi besedami lahko rečemo, da s to metodo vstavimo podatke ali vsebino v določen element.
  • attr (): Ta metoda daje vrednost atributa posameznega elementa.
  • pred (): S to metodo lahko vstavimo vse podatke ali vsebine pred vsakim določenim elementom.
  • clone (): S to metodo kopiramo izvorni element.
  • css (): s to metodo spremenimo css navedenega elementa.
  • detach (): S to metodo preprosto izbrišemo določen element iz dom drevesa.
  • hasClass (): S to metodo najdemo določen razred, pritrjen na določen element.
  • prazno (): Ta metoda izbriše vsa nadrejena vozlišča, pritrjena na določeno drevo elementa dom.
  • height (): Ta metoda daje vrednost višine podanega elementa.
  • offset (): Ta metoda nastavi koordinato določenega elementa glede na dokument.
  • position (): Ta metoda dobi trenutni položaj podanega elementa glede na njegov nadrejeni element.
  • prop (): Ta metoda daje vrednost trenutno izbrane lastnosti elementa.
  • substituAll (): Ta metoda nadomešča vse ciljne elemente z navedenim elementom.
  • text (): ta metoda nastavi ali dobi vrednost besedilnega niza določenih elementov.
  • Val (): Ta metoda daje trenutno vrednost prvih določenih elementov.
  • width (): Ta metoda daje izračunano vrednost širine določenih elementov.
  • wrap (): Ta metoda ovije določeno strukturo html okoli vsakega elementa v naborih določenih elementov.
  • wrapInner (): Ta metoda ovije html strukturo okoli vsebine posameznih elementov.

2) Peljenje

Ta metoda nam pomaga pri prehodu iz enega elementa dom v druge elemente dom po hierarhiji starš-otrok. Nekateri načini prehoda so:

  • add (): Ta metoda ustvari nov objekt jQuery in ga doda določenim elementom.
  • addBack (): Ta metoda doda jQuery prejšnji niz elementa trenutnemu elementu zlaganja .
  • otroci (): te metode najdejo podrejeni element vsakega določenega elementa.
  • najbližje (): Ta metoda najde element, ki se najprej ujema z izbirnikom.
  • content (): Ta metoda najde vsebino določenega elementa, vključno s vozlišči za komentar in besedilom.
  • vsak (): Ta metoda se ponovi skozi zanko, kar pomeni, da bo ta metoda uporabljena za vse določene elemente, povezane z njo.
  • end (): ta metoda konča zadnjo nalogo filtriranja in vrne ujemajoči se element v prejšnje stanje.
  • eq (): Ta metoda zmanjša niz podanega elementa na enega pri podanem indeksu.
  • filter (): Ta metoda daje podani element glede na filter, ki ga damo.
  • first (): Ta metoda poda podani element glede na izbrani izbirnik.
  • ima (): Ta metoda daje niz določenega elementa ali izbirnika.
  • map (): Ta metoda vrne novo vrednost predmeta jQuery, ki temelji na funkciji, ki je prenesena skozi vsak element.
  • next (): Ta metoda takoj poda naslednjo sorodstvo določenega izbranega elementa.
  • parent (): Ta metoda staršem izbere določen element.
  • prev (): Ta metoda omogoča takojšnje predhodno povezovanje trenutno določenih elementov.

3) Sprožitev dogodkov

S to metodo registriramo spremembe v manipulaciji s domom, ki bodo učinkovale pri interakciji z brskalnikom. Nekateri od načinov obdelave jQuery dogodkov so:

  • bind (): Ta metoda pripiše obdelavo dogodkov določenemu elementu.
  • zameglitev (): Ta metoda veže dogodek JavaScript zamegljenosti na določen element.
  • change (): ta dogodek veže določen element z elementom javascript sprememba.
  • click (): Ta metoda na določen element veže dogodek javascript klika.
  • delegate (): Ta metoda pripiše enega ali več dogodkov določenemu nizu elementa.
  • die (): Ta metoda odstrani kakršno koli obdelavo dogodkov javascripta, pripeto na nabor podanega elementa.
  • error (): Ta metoda pripiše obravnavo dogodka napake določenemu nizu elementa.
  • focus (): Te metode vežejo obdelavo dogodka ostrenja na določen niz elementa.
  • hover (): ta metoda veže ravnanje s dogodkom lebdenja v določen niz elementa.

No, poskušal sem v naš dan vključiti največje možno število uporabljenih jQuery metod v vsakdanji razvojni postopek. Poleg teh je še veliko jQuery metod, ki jih je treba preučiti. Vsak dan je v jQuery metodah nekaj razvoja. Tako vsakič, ko jQuery izda svojo različico, vključuje več novih načinov jQuery.

Priporočeni članki

To je vodnik za metode jQuery. Tu smo razpravljali o različnih vrstah jQuery metod, kot so načini manipulacije Dom, prečkanje in sprožitve dogodkov itd. Če želite izvedeti več, si oglejte tudi naslednji članek -

  1. Kako namestiti Jquery?
  2. Kaj je jQuery?
  3. Kaj je PostgreSQL?
  4. Orodja za upravljanje SQL
  5. jQuery querySelector
  6. Vodnik po primerih JQuery Progress Bar

Kategorija:

Razvoj programske opreme