JavaScript / jQuery HTML-elementit

jQuery vs JavaScript

jQuery perustettiin John Resigillä vuonna 2006. Se on suunniteltu käsittelemään selaimen yhteensopimattomuuksia ja yksinkertaistamaan HTML DOM:n käsittelyä, tapahtumien käsittelyä, animaatioita ja Ajaxia.

Kahdessatoista vuodessa jQuery on ollut maailman suosituin JavaScript-kirjasto.

Mutta, JavaScript Versio 5:n (2009) jälkeen, suurin osa jQuery-sovelluksista voidaan ratkaista muutamilla standardeilla JavaScript-koodilla:

Aseta tekstisisältö

Aseta HTML-elementin sisäinen teksti:

jQuery

myElement.text("Hello China!");

Kokeile itse

JavaScript

myElement.textContent = "Hello China!";

Kokeile itse

Hanki tekstisisältö

Hanki HTML-elementin sisäinen teksti:

jQuery

var myText = myElement.text();

Kokeile itse

JavaScript

var myText = myElement.textContent || myElement.innerText;

Kokeile itse

Aseta HTML-sisältö

Aseta elementin HTML-sisältö:

jQuery

var myElement.html("<p>Hello World</p>");

Kokeile itse

JavaScript

var myElement.innerHTML = "<p>Hello World</p>";

Kokeile itse

Hanki HTML-sisältö

Hanki elementin HTML-sisältö:

jQuery

var content = myElement.html();

Kokeile itse

JavaScript

var content = myElement.innerHTML;

Kokeile itse