jQuery es una librería Javascript que facilita la interacción del lado del cliente con código de las páginas Web. JQuery le permite seleccionar fácilmente las etiquetas y los elementos individuales de una página Web y para manipular sus propiedades al instante con una orden corta. Usando jQuery , puedes cambiar el texto HTML en una página Web , seleccione el elemento y reemplazar el texto HTML. Instrucciones
1
Crear una página HTML e incluir la biblioteca jQuery desde el sitio Google acogido públicamente . ! Por ejemplo , escriba:
< DOCTYPE HTML PUBLIC " - //W3C //DTD XHTML 1.0 Transitional //EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1 - transitional.dtd ">
< p >
bebé Enlace < /title> <br> < p > <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"> < /script > <br> Página 2 <p> Crear una función Javasrcipt para calcular un número aleatorio y cambiar el texto HTML en función de si el número es par o impar . Seleccione el elemento por su etiqueta " id" y utilizar el método de "html " para reemplazar el código HTML . Por ejemplo , escriba: . <br> <p> <script Type="text/javascript"> <br> <p> $ (document ) ready ( function () { var <br> <p> rand = Math . piso ( Math.random () * 10 ) 1 ; <br> <p> if ( rand % 2 == 0 ) <br> <p> $ (" # type " ) html ( " boy . <br> 3 <p> Crear el cuerpo de la página HTML Incluir el "id" se hace referencia en la función Javascript en las que se reemplazará el código HTML Por ejemplo , escriba: . . <br> <p> <body> ; ! <br> <p> Es un <a href="baby.html" id="type"> < /a > <br> <p> < /body> <br> <p> < ;/html> <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/91044.html' >Cómo modificar CSS con JavaScript </a></li></p></td>
</tr>
<tr>
<td width="49%"> next ： <a class='LinkNextArticle' href='/Programacion/javascript-programming/91046.html' >Cómo utilizar expresiones regulares con JavaScript </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/90928.html" title="Cómo agregar un hipervínculo a un título de LightBox " target="_self">Cómo agregar un hipervínculo a un título de LightBox…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/91249.html" title="Cómo hacer un curriculum vitae con el Programa de JavaScript " target="_self">Cómo hacer un curriculum vitae con el Programa de Java…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/90779.html" title="Cómo crear una animación 3D Logo en Javascript " target="_self">Cómo crear una animación 3D Logo en Javascript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/90983.html" title="Cómo ocultar los DIVs Open in JavaScript " target="_self">Cómo ocultar los DIVs Open in JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/91086.html" title="Cómo cambiar Javascript contraseña en una computadora IBM Aptiva " target="_self">Cómo cambiar Javascript contraseña en una computadora…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/91140.html" title="Cómo calcular la resolución de la pantalla con Java Script " target="_self">Cómo calcular la resolución de la pantalla con Java S…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/90988.html" title="Cómo Cuenta atrás utilizando JavaScript " target="_self">Cómo Cuenta atrás utilizando JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/91000.html" title="Cómo quitar un elemento con JavaScript " target="_self">Cómo quitar un elemento con JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/91252.html" title="Tutorial sobre la forma de menús desplegables en Java Script " target="_self">Tutorial sobre la forma de menús desplegables en Java …</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/91161.html" title="Un ActiveX Javascript Tutorial " target="_self">Un ActiveX Javascript Tutorial </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/php-mysql-programming/91551.html" title="PHP ' isset ' vs ' vacío ' " target="_self">PHP ' isset ' vs ' vacío ' </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/php-mysql-programming/93158.html" title="Cómo crear una matriz en PHP " target="_self">Cómo crear una matriz en PHP </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/computer-programming-languages/87098.html" title="Cómo agregar un objeto en ViewState " target="_self">Cómo agregar un objeto en ViewState </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/visual-basics-programming/95681.html" title="Cómo calcular la diferencia entre las zonas horarias en VB6 " target="_self">Cómo calcular la diferencia entre las zonas horarias e…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/php-mysql-programming/91439.html" title="Cómo agregar códigos de marquesina para PHP Nuke " target="_self">Cómo agregar códigos de marquesina para PHP Nuke </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/cc-programming/85556.html" title="¿Qué es un destructor virtual en C " target="_self">¿Qué es un destructor virtual en C </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/91121.html" title="Cómo agregar elementos a un cuadro combinado con JavaScript " target="_self">Cómo agregar elementos a un cuadro combinado con JavaS…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/python-programming/93637.html" title="Cómo hacer un programa iterativo en Python " target="_self">Cómo hacer un programa iterativo en Python </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/computer-programming-languages/86642.html" title="Definición de Subcadena " target="_self">Definición de Subcadena </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/computer-programming-languages/87859.html" title="Cómo cambiar el color de una fuente con código HTML " target="_self">Cómo cambiar el color de una fuente con código HTML </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>
