JQuery
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.[2] 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.[3] OminaisuudetSelaintukiTällä hetkellä jQuery on aktiivisesti tuettu seuraavien selainten työpöytäversioilla:
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.[4] EsimerkkiEsimerkki 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"});
});
});
JakelujQuery-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:[5] <script src="https://code.jquery.com/jquery-3.7.0.min.js" integrity="sha256-2Pmvv0kuTBOenSvLm6bvfBSSHrUJ+3A7x6P5Ebd07/g=" crossorigin="anonymous"></script>
Lähteet
Aiheesta muualla
|