Hoe HTML-tekst wijzigen in jQuery Input

JQuery is een Javascript-bibliotheek die het gemakkelijker te code clientzijde interacties met webpagina's maakt. JQuery kunt u gemakkelijk individuele tags en elementen op een webpagina selecteren en manipuleren van hun eigenschappen direct met een korte opdracht. Met behulp van jQuery, kunt u HTML-tekst op een webpagina wijzigen door het element selecteren en de HTML-tekst wordt vervangen.

Instructies

1

Maak van een HTML-pagina en voeg de bibliotheek jQuery vanaf de publiekelijk gehoste site van Google. Typ bijvoorbeeld:

<! DOCTYPE html publiek "-//W3C//DTD XHTML 1.0 Transitional / / nl" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >

< html xmlns = "http://www.w3.org/1999/xhtml" >

< head >

< meta http-equiv = "Content-Type" content = "text/html; charset = utf-8 "/ >

< titel > Baby Link < / title >

< script type = "text/javascript" tag en gebruik van de "html" methode ter vervanging van de HTML-code. Typ bijvoorbeeld:

< script type = "text/javascript" >

$(document).ready(function() {}

var rand = Math.floor (Math.random () * 10) + 1;

Als (ASELECT %2 == 0)

$("#type").html("boy ");

anders

$("#type").html("girl");

});

< / script >

< / head >

3

Het lichaam van de HTML-pagina maken Omvatten de "id" waarnaar wordt verwezen in de Javascript-functie die de HTML-code worden vervangen. Typ bijvoorbeeld:

< body >

Het is een < een href="baby.html" id = "type" >< /a >!

< / body >

< / html >