October 6
Se stai pensando di lavorare con Javascript per il vostro prossimo progetto Web, jQuery renderà le cose molto più facile per voi. jQuery è una libreria JavaScript che è cross-browser compatibile e semplifica il processo di scrittura di applicazioni Javascript. Uno dei vantaggi di usare JavaScript è la possibilità di inserire il contenuto dinamico nella pagina Web. È possibile selezionare facilmente Document Object Model (DOM) elementi con jQuery integrato nel selettore DOM chiamato "Sizzle". JQuery semplifica anche il processo di creare e inserire gli elementi della pagina, come ancore, con le sue funzioni built-in "append ()" e "prepend ()."
1 Creare un file vuoto con l'estensione ".html" nel vostro editor di testo. Creeremo una pagina HTML di base che dimostra come inserire un ancoraggio in una coppia di tag <div> </ div> HTML usando jQuery.
2 Copiare il seguente codice nel file appena creato. Questo creerà la struttura HTML di base e importerà jQuery.
<Html>
<Head>
<Title> Ciao Mondo </ title>
< 'Text / javascript' script type = src = '& lt; / script "rel =" nofollow "target =" _blank "> http://code.jquery.com/jquery-1.4.2.js'> & lt; / script>
</ Head>
<Body>
</ Body>
</ Html>
3 Creare una coppia vuota di <div> </ div> tag nella tua pagina con un ID univoco; Per il nostro esempio, useremo "say_hello." Questo è dove inseriremo le nostre ancore. È possibile farlo inserendo il seguente codice tra i tag <body> </ body>:
<Div id = "say_hello">
</ Div>.
4 Copiare il seguente codice nella sezione <head> della pagina HTML. Useremo sia () funzione di libreria jQuery l'append () o prepend per inserire due tasselli nel div che abbiamo appena creato.
<Script type = "text / javascript '>
// <! [CDATA [
$ (Function () {
$ ( '# Say_hello'). Append ( "<a href=\"www.google.com\"> Ciao! </a>")
$('#say_hello').prepend("<a href=\"www.bing.com\">Bye Bye!</a>")
});
//]]>
</ Script>
Ora si dovrebbe avere un div nella pagina con due ancore inseriti in esso, uno con il testo di ancoraggio "Ciao!" e uno con il testo di ancoraggio "Bye Bye!" Il primo ancoraggio è stato aggiunto al div, e il secondo è stato anteposto al div.