Cómo usar jQuery para insertar un ancla

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="escomad2"><script language='javascript' src='http://www.ordenador.online/ad/es/2.js'></script></div> </div> <div class=contentpage> <div class=p1>Página anterior: <a class='LinkPrevArticle' href='http://www.ordenador.online/Programacion/JavaScript-Programación/90815.html' >Cómo hacer que todos los botones de radio Falso en JavaScript </a> </div> <div class=p2>Página siguiente: <a class='LinkNextArticle' href='http://www.ordenador.online/Programacion/JavaScript-Programación/90817.html' >Cómo cambiar el marcador en un API de Google Maps </a> </div> </div> <dl class=xgc> <dt><span>JavaScript Programación</span></dt> <dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/90921.html">Código para hacer referencia a un archivo JS </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91181.html">Menús sencillos Dinámicas para un Sitio Web </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91277.html">Cómo utilizar HREF JavaScript Links </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91049.html">Cómo cambiar el campo de la forma valor con JavaScript </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/90871.html">5 Usos de JavaScript </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/90756.html">Cómo resaltar una etiqueta en iFrame Contenido </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91105.html">Cómo cambiar una imagen de fondo en Rollover </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/90839.html">Conjuntos de marcos correctos JavaScript </a></dd> </dl> </div>  <div class=rightmain> <div class=esrightlist> <div class=e1>Los últimos artículos de equipo</div> <ul> <li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/90930.html" >Cómo comprobar Listas de comprobación para Joomla </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91110.html" >Cómo utilizar el método POST en Window.Open con Java Script </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91000.html" >Cómo quitar un elemento con JavaScript </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/90816.html" >Cómo usar jQuery para insertar un ancla </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/90989.html" >Cómo conseguir un atributo de JavaScript </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91168.html" >Cómo eliminar una barra de direcciones en HTML </a> </li> </ul> </div> <div class=esrightlist> <div class=e1>Artículos de la popular computadora</div> <ul> <li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91237.html" >Cómo cambiar la clase de estilo con JavaScript </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/90755.html" >Cómo dibujar un árbol Con un lienzo en JavaScript </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/319405.html" >¿Cuáles son los usos del subíndice y SuperScript lo muestran? </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91227.html" >Cómo comprobar un sitio web para un Bug JavaScript </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91087.html" >Cómo escribir un temporizado IE Script </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/90862.html" >Cómo hacer correderas contenido en jQuery </a></li> </ul> </div> <div class="esrightad"> <script language='javascript' src='http://www.ordenador.online/ad/es/r.js'></script> </div> <div class=esrightlist> <div class=e1>Más categorías</div> <ul> <li><a href='http://www.ordenador.online/Programacion/C--C-----Programming/' target="_self">C /C + + Programming</a></li> <li><a href='http://www.ordenador.online/Programacion/Lenguajes-De-Programación/' target="_self">Lenguajes De Programación</a></li> <li><a href='http://www.ordenador.online/Programacion/Delphi-Programación/' target="_self">Delphi Programación</a></li> <li><a href='http://www.ordenador.online/Programacion/Programación-Java/' target="_self">Programación Java</a></li> <li><a href='http://www.ordenador.online/Programacion/JavaScript-Programación/' target="_self">JavaScript Programación</a></li> <li><a href='http://www.ordenador.online/Programacion/Programación-PHP--MySQL/' target="_self">Programación PHP /MySQL</a></li> <li><a href='http://www.ordenador.online/Programacion/Perl-Programming/' target="_self">Perl Programming</a></li> <li><a href='http://www.ordenador.online/Programacion/Python-Programming/' target="_self">Python Programming</a></li> <li><a href='http://www.ordenador.online/Programacion/Rubí-Programación/' target="_self">Rubí Programación</a></li> <li><a href='http://www.ordenador.online/Programacion/Visual-Basics-Programación/' target="_self">Visual Basics Programación</a></li> </ul> </div> </div>  <div class="cl"></div> </div> <div class=esfoot> <div class=copy>Conocimiento de la computadora © http://www.ordenador.online</div> </div> </body> </html>