| Home  | Casa  | Hardware  | Networking  | Programmazione  | Software  | Domanda  | Sistemi  |   
Programmazione  
  • C /C + + Programming

  • Computer Programming Languages

  • Delphi Programming

  • Java Programming

  • Programmazione Javascript

  • PHP /MySQL Programmazione

  • Perl Programming

  • Python Programming

  • rubino Programmazione

  • Nozioni di base di Visual Programming
    		•
    		 
    * Conoscenza Informatica >> Programmazione >> Programmazione Javascript >> Content
    Come utilizzare JQuery per inserire un ancoraggio
    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> 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> <div class=ad2><script language='javascript' src='/ad/201310/4.js'></script></div> </div> </td> </tr> </table> <table width="95%" height="1" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#DEE7EE"> <tr> <td></td> </tr> </table> <table width="100%" height="7" border="0" cellpadding="0" cellspacing="0"> <tr> <td></td> </tr> </table> <table width="91%" height="52" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="51%"><p>Previous ： <a class='LinkPrevArticle' href='/Programmazione/javascript-programming/90815.html' >Come fare tutti i pulsanti radio Falso in JavaScript </a></li></p></td> </tr> <tr> <td width="49%"> next ： <a class='LinkNextArticle' href='/Programmazione/javascript-programming/90817.html' >Come modificare il marcatore in una API di Google Maps </a></li></td> </tr> </table></td> </tr> </table> <table width="100%" height="7" border="0" cellpadding="0" cellspacing="0"> <tr> <td></td> </tr> </table> <table width="770" height="246" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="375" height="246" valign="top"><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian"> <tr> <td height="244" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" background="img_dm/danmai_r4_c04 -.jpg" bgcolor="#DBE3EE"> <tr> <td width="4%" height="29"> </td> <td width="96%" class="lan_lm"> Articoli Correlati </td> </tr> </table> <table width="95%" height="209" border="0" align="center" cellpadding="0" cellspacing="4"> <tr> <td height="201"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91087.html" title="Come scrivere un Timed IE Script " target="_self">Come scrivere un Timed IE Script </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91033.html" title="Come convertire Javascript Variabile per testo " target="_self">Come convertire Javascript Variabile per testo </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91220.html" title="Come incorporare Windows Media Player in Javascript " target="_self">Come incorporare Windows Media Player in Javascript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/90747.html" title="JavaScript: Apostrophe Problema nella URL " target="_self">JavaScript: Apostrophe Problema nella URL </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/90923.html" title="Come calcolare altezza testo " target="_self">Come calcolare altezza testo </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91027.html" title="Come dividere una stringa in JavaScript " target="_self">Come dividere una stringa in JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91240.html" title="Java Script Risoluzione dei problemi " target="_self">Java Script Risoluzione dei problemi </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91234.html" title="Come creare elementi con JavaScript lato client " target="_self">Come creare elementi con JavaScript lato client </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91163.html" title="JavaScript Tutorial and Reference " target="_self">JavaScript Tutorial and Reference </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/90840.html" title="Come eseguire il debug di JavaScript Eclipse " target="_self">Come eseguire il debug di JavaScript Eclipse </a></td></tr><tr></tr></table></td> </tr> </table></td> </tr> </table></td> <td width="20" valign="top"></td> <td width="375" valign="top"><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian"> <tr> <td height="244" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" background="img_dm/danmai_r4_c04 -.jpg" bgcolor="#DBE3EE"> <tr> <td width="4%" height="29"> </td> <td width="96%" class="lan_lm">Articoli in evidenza </td> </tr> </table> <table width="95%" height="207" border="0" align="center" cellpadding="0" cellspacing="4"> <tr> <td height="199"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91012.html" title="Come eseguire l'override di un IFrame in JavaScript " target="_self">Come eseguire l'override di un IFrame in JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/visual-basics-programming/95763.html" title="Visual Basic 6 Database Programma Tutorial " target="_self">Visual Basic 6 Database Programma Tutorial </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/java-programming/90197.html" title="Come suddividere una stringa in lettere in Java " target="_self">Come suddividere una stringa in lettere in Java </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/java-programming/89818.html" title="Come convertire C + + codice in Java " target="_self">Come convertire C + + codice in Java </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/java-programming/90180.html" title="Come controllare Java per Archi Integer " target="_self">Come controllare Java per Archi Integer </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/python-programming/93985.html" title="Come ordinare i Cognomi Alfabetico in Python " target="_self">Come ordinare i Cognomi Alfabetico in Python </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/visual-basics-programming/96454.html" title="Come smettere di Visual Basic " target="_self">Come smettere di Visual Basic </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/visual-basics-programming/95796.html" title="Come nascondere l' origine VBS da parte degli utenti " target="_self">Come nascondere l' origine VBS da parte degli utenti </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/python-programming/93437.html" title="Come convertire i file PY di PYC " target="_self">Come convertire i file PY di PYC </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/visual-basics-programming/94403.html" title="Come isolare il livello per una connessione " target="_self">Come isolare il livello per una connessione </a></td></tr><tr></tr></table></td> </tr> </table></td> </tr> </table></td> </tr> </table></td> </tr> </table> <table width="980" height="8" border="0" cellpadding="0" cellspacing="0"> <tr> <td></td> </tr> </table> <table border=0 cellSpacing=0 cellPadding=0 width=980 bgColor=#36506e height=90> <tr> <td class=bs height=90 align=middle>Copyright © Conoscenza Informatica http://it.wingwit.com <script language='javascript' src='/ad/201310/1.js'></script></td> </tr> </table> </div> </body> </html>