JQuery-harjoitus

Sain kotitehtäväksi Mobiilituotekehityskurssilta toteuttaa seuraavat tehtävät:

– Hello jQuery
– Lue ja kirjoita arvoja lomakkeen kenttiin, reagoi napin painalluksiin (jQueryllä)
– Keksi oma ohjelma ja toteuta se jQuerylla

”Hello jQueryn” päätin toteuttaa yksinkertaisesti tekemällä html-tiedostoon tekstin

-tagin sisälle ja hiirtä napsauttamalla tekstin pitäisi kadota.
Käytin kokeilussa Windows 7 -käyttöjärjestelmää, jossa on Chromium-selaimen versio 30.0.1595.0 asennettuna (Chromium ei ole täysin sama asia kuin Chrome-selain, eron voi lukea halutessaan täältä https://code.google.com/p/chromium/wiki/ChromiumBrowserVsGoogleChrome).

Avasin notepad-sovelluksen, jonka nimesin jQuery.html:ksi ja johon kirjoitin seuraavan koodin:

hellojquery

Kun avasin Chromiumilla kyseisen tiedoston, selain tulosti ikkunalle tekstin ”Hello jQuery! Click me”. Kun klikkasin tekstiä hiirellä, se katosi näkyvistä. Näinollen jQuery-metodit .click() ja .hide() toimivat kuten kuuluukin, jolloin voin päätellä että jQuery toimii oikein.

Kokeilin vielä kopioida koodin eclipsen phonegap-projektin index.html:n ja ajettaessa virtuaaliandroidilla, jquery toimi kuten pitikin.

Mainokset

About Krister Holmström

Opiskelen Haaga-Heliassa Tietojenkäsittelyn koulutusohjelmassa. Kerään kotitehtäviini ja projekteihin liittyviä raportteja ja materiaaleja blogiini, jotta tieto olisi helpommin saatavilla.

Vastaa

Täytä tietosi alle tai klikkaa kuvaketta kirjautuaksesi sisään:

WordPress.com-logo

Olet kommentoimassa WordPress.com -tilin nimissä. Log Out /  Muuta )

Google+ photo

Olet kommentoimassa Google+ -tilin nimissä. Log Out /  Muuta )

Twitter-kuva

Olet kommentoimassa Twitter -tilin nimissä. Log Out /  Muuta )

Facebook-kuva

Olet kommentoimassa Facebook -tilin nimissä. Log Out /  Muuta )

Muodostetaan yhteyttä palveluun %s

%d bloggers like this: