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 è compatibile con tutti i browser 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 Object Model ( DOM) con elementi del documento di jQuery selettore incorporato DOM chiama " Sizzle ". JQuery semplifica anche il processo di creazione e inserimento di elementi della pagina , come ancore , con la sua built - in funzioni di " accodare ( ) "e" prepend ( ) . "Le cose che ti serviranno
Editor di Testo
Mostra più istruzioni
1
creare un file vuoto con estensione" , . html "nel vostro editor di testo . Creeremo una pagina HTML di base che illustra come inserire un ancoraggio in un paio di
tag HTML utilizzando jQuery .
2
Copia il seguente codice nel file che avete appena creato . Questo creerà la struttura HTML di base e importerà jQuery .
Ciao Mondo < /title> < dello script type = 'text /javascript' <br> 3 <p> Creare una coppia vuota di Parole < /div> tag nella tua pagina con un ID univoco ; " . say_hello " per il nostro esempio , utilizzeremo Questo è dove siamo inserirà le nostre ancore. È possibile farlo inserendo il seguente codice tra il < /body> <body> : . <br> <p> <div Id="say_hello"> < /div > <br> <br> 4 <p> Copia il seguente codice nella sezione <head><meta name=viewport content="width=device-width, initial-scale=1.0"> della pagina HTML . Useremo sia l' append () o prepend ( ) funzione di libreria jQuery per inserire due tasselli nel div che abbiamo appena creato . <br> <p> <script Type='text/javascript'> //< ! [ CDATA [ $ ( function () { $ ( ' # say_hello ') . append ( " se si desidera href=\\"www.google.com\\"> Ciao ! < /a> " ) $ ( ' # say_hello ') . prepend ( " se si desidera href=\\"www.bing.com\\"> Bye Bye ! < /a> " ) } ) ;//] ] > < ;/script> <br> <p> ora si dovrebbe avere un div nella pagina con due ancore inseriti in esso , una con testo di ancoraggio "Ciao!" e uno con anchor text " Bye Bye ! " Il primo ancoraggio è stato aggiunto al div , e la seconda è stata posta prima del div . <br> <br>
<ul class="mhjkhjlj">
<li> <a class='LinkPrevArticle' href='/Programmazione/Programmazione-Javascript/1181630.html' >Come fare tutti i pulsanti radio Falso in JavaScript </a></li>
<li> <a class='LinkNextArticle' href='/Programmazione/Programmazione-Javascript/1181634.html' >Come modificare il marcatore in una API di Google Maps </a></li>
</ul>
<div class="deep">
<div class="guanggadsadswqew"><script language='javascript' src='http://www.354353.com/AD/it3.js'></script></div>
<div class="guanggadsadswqew1"></div>
</div>
<div class="xiangguanleitong">
<div class="vbfdghgjt65f"><h4>Informazioni correlate</h4></div>
<ul>
<li><a href="/Programmazione/Computer-Programming-Languages/1177440.html" target="_blank">Come aprire un link nella stessa finestra quando si utilizza Frames </a></li><li><a href="/Programmazione/Java-Programming/1179926.html" target="_blank">Come creare un percorso relativo a Java </a></li><li><a href="/Programmazione/PHP--MySQL-Programmazione/1185372.html" target="_blank">SQL dinamico Tutorial </a></li><li><a href="/Programmazione/Nozioni-di-base-di-Visual-Programming/1190218.html" target="_blank">Come utilizzare un VBA ComboBox </a></li><li><a href="/Programmazione/rubino-Programmazione/1188536.html" target="_blank">Come creare un'istruzione for in Ruby </a></li><li><a href="/Programmazione/Computer-Programming-Languages/1175906.html" target="_blank">Come impostare i moduli su CTS </a></li><li><a href="/Programmazione/Nozioni-di-base-di-Visual-Programming/1189612.html" target="_blank">Come contare il numero di lettere in una stringa in VB6 </a></li><li><a href="/Programmazione/Python-Programming/1188296.html" target="_blank">Come creare un ciclo while in Python </a></li>
</ul>
</div>
</div>
</div>
<div class="woshiyouleirog">
<div class="zxtjianasd">
<div class="bidssdfjm3"><h4>Articoli consigliati</h4></div>
<div class="dasdcdfurit33">
<ul>
<li><a href="/Programmazione/Programmazione-Javascript/1182534.html" target="_blank">Come creare un modulo di registrazione per un sito web </a></li><li><a href="/Programmazione/Programmazione-Javascript/1182378.html" target="_blank">Galleria Tutorial Javascript </a></li><li><a href="/Programmazione/Programmazione-Javascript/1182092.html" target="_blank">Come usare le espressioni regolari con Javascript </a></li><li><a href="/Programmazione/Programmazione-Javascript/1181908.html" target="_blank">Come creare un javascript Ticker </a></li><li><a href="/Programmazione/Programmazione-Javascript/1182286.html" target="_blank">Come fare inchiostro riciclata </a></li><li><a href="/Programmazione/Programmazione-Javascript/1182544.html" target="_blank">Come aggiungere un pulsante di blog con Text Box Sotto per Code </a></li><li><a href="/Programmazione/Programmazione-Javascript/1181552.html" target="_blank">Perché il mio javascript Mostra Void </a></li><li><a href="/Programmazione/Programmazione-Javascript/1181932.html" target="_blank">Come Timeout in JavaScript </a></li><li><a href="/Programmazione/Programmazione-Javascript/1182184.html" target="_blank">Java Development & Script Pagina </a></li><li><a href="/Programmazione/Programmazione-Javascript/1182360.html" target="_blank">Tutorial JavaScript per la funzione di convalida Tempo </a></li>
</ul>
</div>
</div>
<div class="guanggandgsa32a"> </div>
<div class="huosirengs">
<li><a class='childclass' href='/Programmazione/C--C-----Programming/' target="_self">C /C + + Programming</a></li> <li><a class='childclass' href='/Programmazione/Computer-Programming-Languages/' target="_self">Computer Programming Languages</a></li> <li><a class='childclass' href='/Programmazione/Delphi-Programming/' target="_self">Delphi Programming</a></li> <li><a class='childclass' href='/Programmazione/Java-Programming/' target="_self">Java Programming</a></li> <li><a class='childclass' href='/Programmazione/Programmazione-Javascript/' target="_self">Programmazione Javascript</a></li> <li><a class='childclass' href='/Programmazione/PHP--MySQL-Programmazione/' target="_self">PHP /MySQL Programmazione</a></li> <li><a class='childclass' href='/Programmazione/Perl-Programming/' target="_self">Perl Programming</a></li> <li><a class='childclass' href='/Programmazione/Python-Programming/' target="_self">Python Programming</a></li> <li><a class='childclass' href='/Programmazione/rubino-Programmazione/' target="_self">rubino Programmazione</a></li> <li><a class='childclass' href='/Programmazione/Nozioni-di-base-di-Visual-Programming/' target="_self">Nozioni di base di Visual Programming</a></li>
</div>
</div>
</div>
<div class="dsadsafa-da">
<p class="sdqwfwe42"> </p>
<p class="vbnhg654">Programmazione © www.354353.com</p>
<p class="iop8iud"> </p>
</div>
</div>
</body>
</html>