jQuery HTML:n käsittely

  • Edellinen sivu
  • Seuraava sivu

jQuery sisältää monia tehokkaita funktioita HTML:n muuttamiseen ja käsittelyyn.

Muuta HTML-sisältö

Syntaksi

$(selector).html(content)

html() -funktio muuttaa vastaavien HTML-elementtien sisällön (innerHTML).

Esimerkki

$("p").html("W3School");

Kokeile itse

Lisää HTML-sisältö

Syntaksi

$(selector).append(content)

append() -funktio lisää sisäiseen HTML-elementtiin sisältöä.

Syntaksi

$(selector).prepend(content)

prepend() -funktio lisää sisäiseen HTML-elementtiin 'esikäsittelemään' sisältöä.

Esimerkki

$("p").append(" CodeW3C.com");

Kokeile itse

Syntaksi

$(selector).after(content)

after() -funktio lisää HTML-sisällön kaikkien vastaavien elementtien jälkeen.

Syntaksi

$(selector).before(content)

before() -funktio lisää HTML-sisällön kaikkien vastaavien elementtien eteen.

Esimerkki

$("p").after(" CodeW3C.com.");

Kokeile itse

jQuery HTML:n käsittely - tästä sivusta

Funktio Kuvaus
$(selector).html(content) Muuta valitun elementin (sisäiseen) HTML:ää
$(selector).append(content) Lisää HTML valitun elementin (sisäiseen) HTML:hen 'lisää' (Append)
$(selector).prepend(content) Lisää HTML valitun elementin (sisäiseen) HTML:hen 'esikäsittele' (Prepend)
$(selector).after(content) Lisää HTML valitun elementin jälkeen
$(selector).before(content) Lisää HTML ennen valittua elementtiä

Täydelliselle viittauskirjalle vierailkaa jQuery HTML:n käsittelyyn tarkoitettu viittauskirja.

  • Edellinen sivu
  • Seuraava sivu