“Conocimientos Programación>JavaScript Programación

Cómo cambiar el texto HTML en entrada jQuery

2016/1/14
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="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/Cómo-modificar-CSS-con-JavaScript-.html' >Cómo modificar CSS con JavaScript </a> </div> <div class=p2>Página siguiente: <a class='LinkNextArticle' href='http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-utilizar-expresiones-regulares-con-JavaScript-.html' >Cómo utilizar expresiones regulares con JavaScript </a> </div> </div> <dl class=xgc> <dt><span>JavaScript Programación</span></dt> <dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-calcular-en-Java-Script-.html">Cómo calcular en Java Script </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Javascript-Vs-relevantes---Absolute-Ruta-.html">Javascript Vs relevantes . Absolute Ruta </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-grabar-en-una-cámara-de-Chatroulette-.html">Cómo grabar en una cámara de Chatroulette </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-ocultar-un-redireccionamiento-.html">Cómo ocultar un redireccionamiento </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Java-script-Comprobación-de-la-forma-de-introducción-de-texto-para-caracteres-especiales-.html">Java script Comprobación de la forma de introducción de texto para caracteres especiales </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-obtener-el-valor-de-cuadro-combinado-con-JavaScript-.html">Cómo obtener el valor de cuadro combinado con JavaScript </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-ocultar-Javascript-Checkbox-.html">Cómo ocultar Javascript Checkbox </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-validar-una-cadena-de-fecha-en-jQuery-.html">Cómo validar una cadena de fecha en jQuery </a></dd> </dl> </div> <!--right--> <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/JavaScript-para-cálculos-de-tiempo-.html" >JavaScript para cálculos de tiempo </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-cambiar-de-mesa-colores-de-fondo-con-Javascript-.html" >Cómo cambiar de mesa colores de fondo con Javascript </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-eliminar-una-barra-de-direcciones-en-HTML-.html" >Cómo eliminar una barra de direcciones en HTML </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-convertir-Javascript-UTC-Fecha-de-hora-del-Este-.html" >Cómo convertir Javascript UTC Fecha de hora del Este </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-redirigir-a-otra-página-en-JavaScript-.html" >Cómo redirigir a otra página en JavaScript </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-quitar-una-etiqueta-P-con-jQuery-.html" >Cómo quitar una etiqueta P con jQuery </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/Cómo-ocultar-la-barra-de-direcciones-de-JavaScript-.html" >Cómo ocultar la barra de direcciones de JavaScript </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/JavaScript-llamar-a-una-función-de-una-función-.html" >JavaScript llamar a una función de una función </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-cambiar-el-texto-de-un-rollover-.html" >Cómo cambiar el texto de un rollover </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-utilizar-expresiones-regulares-con-JavaScript-.html" >Cómo utilizar expresiones regulares con JavaScript </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-escribir-para-las-cookies-de-PageContext-JSP-.html" >Cómo escribir para las cookies de PageContext JSP </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Java-script-Solución-de-problemas-.html" >Java script Solución de problemas </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> <!--right end--> <div class="cl"></div> </div> <div class=esfoot> <div class=copy>Conocimientos Informáticos © http://www.ordenador.online</div> </div> </body> </html>