JQuery
JavaScript-kirjasto From Wikipedia, the free encyclopedia
Remove ads
jQuery on verkkosivustojen kehittämiseen tarkoitettu ilmainen, avoimen lähdekoodin JavaScript-kirjasto. jQueryn syntaksi on pyritty tekemään mahdollisimman helposti ymmärrettäväksi, mikä osaltaan tekee kirjastosta erittäin suositun. jQuery sopii toimintojen käsittelyyn, animaatioiden tekemiseen, DOM-elementtien valitsemiseen ja Ajax-sovelluksien toteutukseen. jQuery julkaistiin vuonna 2006. Se on nykyään maailman suosituin JavaScript-kirjasto.[3]
jQuery-kirjasto on erillinen JavaScript-tiedosto sisältäen kaiken tarvittavan. Se voidaan sisällyttää www-sivuun linkittämällä paikalliseen kopioon tai tallentamalla jollekin tiedostopalvelimelle ja tarjota sieltä staattisena tiedostona.[4]
Remove ads
Ominaisuudet
Selaintuki
Tällä hetkellä jQuery on aktiivisesti tuettu seuraavien selainten työpöytäversioilla:
- Google Chrome: Uusin vakaa versio sekä siitä edellinen vakaa versio
- Microsoft Edge: Uusin vakaa versio sekä siitä edellinen vakaa versio
- Mozilla Firefox: Uusin vakaa versio, siitä edellinen vakaa versio sekä ESR-versiot
- Internet Explorer: 9+
- Safari: Uusin vakaa versio sekä siitä edellinen vakaa versio
- Opera: Uusin vakaa versio
Mobiilialustoilla jQuery on tuettu myös Android 4.0+ oletusselaimella sekä Safarilla IOS 7+ laitteilla.
jQuery saattaa myös toimia näiden selainten vanhemmilla sekä ennakkojulkaistuilla versioilla ilman suuria ongelmia. Näitä versioita ei kuitenkaan aktiivisesti testata eikä niissä esiintyviä ongelmia yleensä korjata.[5]
Remove ads
Esimerkki
Esimerkki koodista joka muuttaa tunnisteella textarea_1 olevan tekstikentän korkeuden 200 pikseliin sitä klikattaessa.
$(document).ready(function () {
$('#textarea_1').click(function() {
$(this).css({"height":"200px"});
});
});
Jakelu
jQuery-kirjastoa jaetaan tyyppillisesti pelkkänä yksittäisenä Javascript-tiedostona. Kirjasto on ladattavissa suoraan jQueryn omalta verkkosivustolta, mutta sen lataaminen on myös mahdollista useamman paketinhallintajärjestelmän, kuten npm:n, Yarnin tai Bowerin kautta .Kun käyttäjä on ladannut kopion kirjastosta paikallisesti palvelimelleen, voidaan se sisällyttää verkkosivulle esimerkiksi seuraavalla tavalla:
<script src="jquery-3.7.0.min.js"></script>
jQuery-kirjasto on saatavilla myös lukuisissa sisällönjakeluverkkoissa. Näin ollen kirjaston sisällyttäminen verkkosivulle onnistuu esimerkiksi StackPathin tarjoamasta julkisesta sisällönjakeluverkosta seuraavalla tavalla:[6]
<script src="https://code.jquery.com/jquery-3.7.0.min.js" integrity="sha256-2Pmvv0kuTBOenSvLm6bvfBSSHrUJ+3A7x6P5Ebd07/g=" crossorigin="anonymous"></script>
Lähteet
Aiheesta muualla
Wikiwand - on
Seamless Wikipedia browsing. On steroids.
Remove ads