JQueryn käyttö
JQuery on nopea, pieni JavaScript-kirjasto, joka sisältyy yhteen .js-tiedostoon. Se tarjoaa monia sisäänrakennettuja toimintoja, joiden avulla voit suorittaa erilaisia tehtäviä helposti ja nopeasti. JQuery on JavaScriptin ominaisuuksien avulla rakennettu kehys. Siksi voit käyttää kaikkia JavaScriptin käytettävissä olevia toimintoja ja muita ominaisuuksia.
Voit kirjoittaa jQuery-sovelluksia millä tahansa JavaScript-editorilla, kuten
- Muistilehtiö
- Visual Studio
- Eclipse
- Äärimmäinen muokkaus
Sekä pakatut että pakkaamattomat jQuery-versiot voidaan ladata ilmaiseksi Internetistä. Pakattua versiota tulisi käyttää tuotantoympäristössä, kun taas pakkaamatonta versiota tulee käyttää kehitysympäristössä. Pakattu versio minimoi kirjaston poistamalla ylimääräisen välilyönnin, rivinsyötön ja lyhentämällä muuttujien ja toimintojen nimiä. Joten pakattu versio ei ole luettavissa. Pakkaamaton kirjasto on luettavissa, joten siitä on hyötyä vianetsinnässä. Kun oikea versio on ladattu, siihen voidaan viitata tiedostossa tunnisteen avulla.
jQueryä voidaan käyttää kahdella tavalla
- Paikallinen asennus: lataa jQuery-kirjasto paikalliselle koneellesi ja lisää se HTML-koodisi.
- CDN-pohjainen versio: Voit sisällyttää jQuery-kirjaston HTML-koodisi suoraan sisällönjakeluverkosta. Google ja Microsoft tarjoavat sisällöntoimituksen uusimmalle versiolle.
Milloin jQueryä voidaan käyttää?
- JQueryä voidaan käyttää Ajax-pohjaisten sovellusten kehittämiseen.
- Sitä voidaan käyttää koodin tekemiseen yksinkertaiseksi, tiiviinä ja uudelleen käytettäväksi.
- Se yksinkertaistaa HTML DOM-puun poikkiprosessia.
- Se voi myös käsitellä tapahtumia, suorittaa animaatioita ja lisätä ajax-tukea verkkosovelluksiin.
Kun avaat sivusi selaimessa ja lataat jQuery-kirjaston onnistuneesti, se lisää globaalin toiminnon nimeltä jQuery (). Globaali laajuus tarkoittaa ikkunan laajuutta, joten globaalia jQuery-toimintoa voidaan kutsua kuten window.jQuery () tai jQuery () missä tahansa Web-sivulla. $ on jQuery-funktion alias, joten voit käyttää myös $ () lyhyenä jQuery () -muotona.
10 tärkeätä JQuery-käyttöä
JQueryn sovellusliittymä on hyvin suunniteltu. Sen toiminnallisuus on niin täydellinen, että kirjaston muutaman viimeisimmän pääjulkaisun avulla ei juuri ole lisätty uusia menetelmiä. JQuery pelaa erittäin hyvin muun koodin kanssa. Se ei laajenna mitään sisäänrakennettuja JavaScriptiobjekteja ja lisää vain yhden symbolin globaaliin nimitilaan. JQueryn tärkeimmät käyttötarkoitukset, jotka on selostettu yksityiskohtaisesti, ovat seuraavat:
-
liitännäiset
Plug-in on osa koodia, joka on kirjoitettu tavalliseen JavaScript-tiedostoon. Nämä tiedostot tarjoavat hyödyllisiä jQuery-menetelmiä, joita voidaan käyttää yhdessä jQuery-kirjastomenetelmien kanssa. Verkossa on runsaasti laajennuksia, jotka tekevät erikoistehosteiden luomisesta yksinkertaista ja nopeaa web-kehittäjille.
-
DOM-manipulointi
JQuery on helppo valita DOM-elementtejä, neuvotella niistä ja muokata niitä käyttämällä selaimen ylittävää avoimen lähdekoodin valintamoottoria, nimeltään Sizzle.
-
Animaatiot ja AJAX-tuki
JQuery sisältää paljon sisäänrakennettuja animaatiotehosteita. Se auttaa sinua myös paljon kehittäessäsi reagoivan ja monipuolisen sivuston, jossa käytetään AJAX-tekniikkaa. Siksi jQueryn käyttö on useimpien web-kehittäjien mielestä suositeltavaa tehdä verkkosivuista jännittäviä, vuorovaikutteisia, puhtaampia ja käyttäjäystävällisempiä.
-
Selainten välinen tuki
Tällä hetkellä jQuery-käyttö on suosituin JavaScript-kirjasto, joka toimii kaikilla selaimilla. Se tukee myös CSS3-valitsimia ja X-polun perussyntaksia.
-
Kirjoita vähemmän, tee enemmän
JQuery vie paljon yleisiä tehtäviä, jotka vaativat paljon JavaScript-koodia suorittaakseen, ja kääri ne menetelmiin, joihin voit soittaa yhdellä koodirivillä. Tämä tekee viidestä jQuery-rivistä vastaavan 25 riviä perinteistä JavaScript-koodia. Tämä tarkoittaa pienempiä tiedostoja ja nopeampaa verkkosivujen lataamista.
-
Helppo oppiminen
JQuery ei vaadi erityisiä edellytyksiä oppimiseen ja on erittäin yksinkertainen, koska se on rakennettu lyhyemmälle koodille kuin JavaScript. Yksinkertaiset koodausstandardit ja koodaussyntaksi, verkkosivuston kehittämiseen ja käyttöönottoon tarvittava aika voidaan vähentää huomattavasti. Kehittäjät eivät myöskään tarvitse suunnittelukykyä tai oppia verkkosuunnittelua, koska jQueryn käyttö tarjoaa runsaasti sisäänrakennettuja laajennuksia.
-
Hakukone on optimoitu
Jotkut jQuery-tehosteet ovat melkein identtisiä Flashin kanssa, mutta kaikki jQuery-sisältö on asetettu tekstiksi. Tämän vuoksi jQuery on pienempi kuin Flash ja sisältö on luettavissa kaikille hakukoneiden robotille.
-
Helppo integrointi Visual Studio IDE: n kanssa
Visual Studio tarjoaa laajennuksia, jotka auttavat integroimaan jQuery-kirjastot.Net-puitehankkeisiin. Tätä JQuery-kirjastojen integraatiota.Net-kehykseen tukee Visual Studio 2010 -versio. VisGestudion NuGet-pakettilaajennus auttaa tässä integroinnissa. Tämän integroinnin avulla visuaalisen studion IntelliSense-ominaisuus kytketään päälle. Tämä ominaisuus kaikki jQuery-menetelmät ovat automaattisesti täytettyjä ja virheitä näytetään, jos syntaksi on väärä.
-
JQuery-elementti on edelleen näkyvissä, vaikka JavaScript olisi poistettu käytöstä
Joillakin selaimilla oli edellytys pysyvän flash-aseman asentamiseen kaiken sisällön renderoimiseksi oikein. Näin ei ole jQuery-tapauksessa. HTML DOM: n manipuloinnista on tullut tavanomainen tapa kehittää ja muokata verkkosivuja nyt päivässä. Joten vaikka JavaScripti on poistettu käytöstä selaimen sisällössä, se tehdään.
-
jQuery tekee salamasta kuin animoiduista sovelluksista
Flashin oppiminen ja vuosien kokemus Flash-animaatioiden tekemiseen vie aikaa, joten Flash-kehittäjien palkkaaminen ei ole halpaa tehtävää. Jos käytät jQueryä, tarvitset vain JavaScriptin ja HTML: n tuntemuksen animaatioiden tekemiseen. Lisäksi on tonnia laajennuksia, jotka tekevät tehtävästä entistä yksinkertaisemman.
Johtopäätös - JQueryn käyttö
jQuery on merkittävin selainten välinen JavaScripti-kirjasto, joka on koottu HTML-koodin asiakaspuolen komentosarjojen helpottamiseksi. Koska jQuery on rakennettu JavaScriptin päälle, se tarjoaa kaikki JavaScriptin toiminnot. Voimme sanoa ylhäältäpäin, että jQuery on JavaScriptin parannettu versio. JQueryllä on paljon vaikuttavia vaikutuksia. Verkkosuunnittelijat käyttävät sitä usein tekemällä suunnittelustaan paljon rakastettavia ja tyylikkäitä. Se minimoi web-kehittäjien tehtävät suuressa määrin tarjoamalla välittömiä laajennuksia.
Yksi jQueryn suurimmista vahvuuksista on sen yhteisön koko. Tukea on helpompaa löytää, kehittäjiä on helpompi löytää ja todennäköisemmin sitä parannetaan jatkossakin.
Suositellut artikkelit
Tämä on opas jQueryn käytöstä todellisessa maailmassa. Täällä olemme keskustelleet jQueryn erilaisista käyttötarkoituksista, kuten animaatiot ja AJAX-tuki, DOM-manipulointi jne. Voit myös tarkastella seuraavaa artikkelia saadaksesi lisätietoja
- JavaScriptin käyttö
- Java-sovellukset
- Huijarilehti JQuery
- jQuery querySelector | Esimerkkejä hakulausekkeelle
- 8 parasta jQuery-valitsinta koodin toteutuksella
- Opas JQuery-edistymispalkkiesimerkkeihin