Come modificare HTML testo in jQuery ingresso

May 24

JQuery è una libreria JavaScript che rende più facile da codificare le interazioni lato client con le pagine Web. JQuery permette di selezionare facilmente singoli tag e gli elementi in una pagina Web e di manipolare le loro proprietà istantaneamente con un breve comando. Utilizzando jQuery, è possibile modificare il testo HTML in una pagina Web selezionando l'elemento e la sostituzione del testo HTML.

istruzione

1 Creare una pagina HTML e includere la libreria jQuery dal sito di Google ospitato pubblicamente. Ad esempio, digitare:

<! DOCTYPE HTML PUBLIC "- // W3C // DTD XHTML 1.0 Transitional // EN" "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" />

<Title> bambino link </ title>

<Script type = "javascript text /" tag e utilizzare il metodo "html" per sostituire il codice HTML. Ad esempio, digitare:

<Script type = "text / javascript">

$ (Document) .ready (function () {

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

if (rand% 2 == 0)

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

altro

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

});

</ Script>

</ Head>

3 Creare il corpo della pagina HTML. Includere il "id" si fa riferimento nella funzione JavaScript in cui verrà sostituito il codice HTML. Ad esempio, digitare:

<Body>

E 'un <a href="baby.html" id="type"> </a>!

</ Body>

</ Html>