Si usted está pensando en trabajar con Javascript para su próximo proyecto web , jQuery hará las cosas mucho más fácil para usted. jQuery es una librería Javascript que es compatible con varios navegadores y simplifica el proceso de creación de aplicaciones Javascript . Una de las ventajas del uso de Javascript es la posibilidad de insertar contenido dinámico en su página Web. Usted puede seleccionar los elementos del modelo de objetos de documento ( DOM) con una función de selector DOM llamada " chisporroteo ". JQuery también simplifica el proceso de creación e inserción de elementos de página, como anclas , con sus funciones incorporadas " anexar de jQuery () "y " anteponer (). " cosas que necesitará Editor de texto
Ver Más instrucciones
1
Crear un archivo vacío con la extensión" , . html " en tu editor de texto. Vamos a crear una página HTML básico que muestra cómo insertar un ancla en un par de
< /div > etiquetas HTML usando jQuery.
2
Copia el siguiente código en el archivo que acaba de crear . Esto creará la estructura básica en HTML e importará jQuery.
Html head
Hello World < /title> < guión type = 'text /javascript ' <br> 3 <p> Crear una par vacío de <div> < /div> Las etiquetas de su página con un identificador único ; " . decir_hola " para nuestro ejemplo , vamos a utilizar aquí es donde estamos insertará nuestros anclajes. Puede hacerlo insertando el siguiente código entre la etiqueta < /body> <body> : . <br> <p> <div Id="say_hello"> < /div > <br> < br > 4 <p> Copie el código siguiente en la sección head de la página HTML. Nosotros vamos a usar bien el append () o prepend () de la biblioteca jQuery para insertar dos anclas en el div que acabamos de crear . <br> <p> Messenger type='text/javascript'> //<! [ CDATA [$ (function ( ) {$ ('# decir_hola ' ) . append ( "<a href=\\"www.google.com\\"> Hola ! < /a >") $ ('# decir_hola ' ) . prepend ( "<a href=\\"www.bing.com\\"> Bye Bye </a> ")} ) ;//] ]> < ;/script> <br> <p> ahora debe tener un div en su página con dos anclajes insertados en ella , uno con el ancla de texto "Hello ! " y una con el ancla de texto " Bye Bye " La primera anclaje se adjuntó a la div , y el segundo se antepone a la 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='/Programacion/javascript-programming/90815.html' >Cómo hacer que todos los botones de radio Falso en JavaScript </a></li></p></td>
</tr>
<tr>
<td width="49%"> next ： <a class='LinkNextArticle' href='/Programacion/javascript-programming/90817.html' >Cómo cambiar el marcador en un API de 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"> Artículos relacionados </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="/Programacion/javascript-programming/91277.html" title="Cómo utilizar HREF JavaScript Links " target="_self">Cómo utilizar HREF JavaScript Links </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/91220.html" title="Cómo integrar Windows Media Player en Javascript " target="_self">Cómo integrar Windows Media Player en Javascript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/90860.html" title="Cómo hacer un rebote Enlace con jQuery " target="_self">Cómo hacer un rebote Enlace con jQuery </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/91099.html" title="Cómo hablar con un servidor NTP Usando JavaScript " target="_self">Cómo hablar con un servidor NTP Usando JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/90899.html" title="Efectos secuenciales en jQuery " target="_self">Efectos secuenciales en jQuery </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/91042.html" title="Cómo pasar una variable de JavaScript " target="_self">Cómo pasar una variable de JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/90855.html" title="Cómo instalar un selector de fecha jQuery " target="_self">Cómo instalar un selector de fecha jQuery </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/91193.html" title="Cómo llenar un cuadro combinado con JavaScript " target="_self">Cómo llenar un cuadro combinado con JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/91184.html" title="Cómo comparar String de Java Script " target="_self">Cómo comparar String de Java Script </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/90857.html" title="La Función De vuelta en HTML Codificación " target="_self">La Función De vuelta en HTML Codificación </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">Artículos destacados </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="/Programacion/visual-basics-programming/96525.html" title="Cómo agregar elementos a un desplegable /ComboBox en VB.net " target="_self">Cómo agregar elementos a un desplegable /ComboBox en V…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/visual-basics-programming/95152.html" title="Cómo abrir archivos doc en Vb.Net " target="_self">Cómo abrir archivos doc en Vb.Net </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/computer-programming-languages/86927.html" title="Cómo pasar una subcadena como parámetro en un lote DOS " target="_self">Cómo pasar una subcadena como parámetro en un lote DO…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/computer-programming-languages/87095.html" title="Cómo insertar un entero en una cadena " target="_self">Cómo insertar un entero en una cadena </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/java-programming/90408.html" title="¿Necesito el entorno de ejecución J2SE " target="_self">¿Necesito el entorno de ejecución J2SE </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/computer-programming-languages/87142.html" title="Cómo depurar Ubuntu " target="_self">Cómo depurar Ubuntu </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/java-programming/90116.html" title="Cómo salir de un programa si algo está en error en Java " target="_self">Cómo salir de un programa si algo está en error en Ja…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/visual-basics-programming/96541.html" title="Cómo utilizar el Editor de menús en Visual Basic " target="_self">Cómo utilizar el Editor de menús en Visual Basic </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/visual-basics-programming/95859.html" title="Cómo cambiar el cuadro de texto Texto sin desencadenar eventos en Visual Basic " target="_self">Cómo cambiar el cuadro de texto Texto sin desencadenar…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/python-programming/94030.html" title="Cómo llamar a una función de una cadena en Python " target="_self">Cómo llamar a una función de una cadena en Python </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 © Conocimientos Informáticos http://ordenador.wingwit.com
<script language='javascript' src='/ad/201310/1.js'></script></td>
</tr>
</table>
</div>
</body>
</html>
