Cómo conseguir un área de texto por nombre en jQuery

jQuery es una biblioteca JavaScript de gran alcance que le permite crear funciones de JavaScript complejos con un mínimo de código. Usando el sistema de selector de jQuery es fácil para hacer referencia a cualquier elemento de una página HTML , y luego leer o cambiar su valor . Por ejemplo , puede hacer referencia a un elemento por su ID de referencia o mediante el valor del atributo de nombre. Usted puede usar esto para realizar la validación de un elemento de formulario , o para leer un usuario valor introducido para el uso en un cálculo o similar. Instrucciones
1

Abra un navegador Web y vaya a la página de inicio jQuery ( jquery.com ) . Haga clic en la casilla de verificación al lado de " Producción" en la parte superior derecha de la página y haga clic en el botón " Download". Esto descargará la versión de producción de la biblioteca jQuery, que se comprime y minified para un tamaño de archivo más pequeño y el tiempo de carga más rápido. Guarde el archivo descargado en un directorio llamado " jQuery " en el directorio raíz de tu sitio web.
2

Abra un editor de texto o de diseño web y de crear una nueva página HTML. Agregue el siguiente código entre las " head " HTML " y " etiquetas.

< Script type = "text /javascript " src = "/jquery/jquery-1.6.2 . min.js "> < /script >

Este código carga la biblioteca jQuery para su uso en la página. Cambiar el número de versión al final del nombre de archivo para que coincida con la versión que ha descargado , ya que las nuevas versiones se lanzan con frecuencia .
3

Agregue el siguiente código a su página, entre el HTML " "y" < /body> "etiquetas .

< /> <br> <p> < input type = nombre de " botón" textarea = id " myButton " = valor " myButton " = "Display" /> <br> <p> < /form> <br> <p> Esto agrega un formulario en su página, que contiene un área de texto HTML llamado " myTextArea , " y un botón HTML , lo que desencadena el código para obtener el contenido del área de texto al hacer clic. <br> 4 <p> Agregue el código siguiente a la etiqueta de entrada HTML utilizado para crear el botón , después de que el atributo de valor y antes de la etiqueta de cierre <br> <p> onclick = "alert ( $ (' textarea [ name = myTextArea ]') val ( ) . ) ; " . <br> <p> utiliza el código de jQuery "$ ( ' textarea [ name = myTextArea ] ') . val ( ) "para leer el contenido del área de texto que tiene un atributo de nombre que contiene " myTextArea " . Con esta sintaxis permite hacer referencia a cualquier elemento HTML utilizando su nombre . El val ( ) función indica a jQuery para leer el valor del elemento seleccionado, que lee cualquier texto introducido por el usuario . El código jQuery se envuelve con una "alerta ()" función JavaScript para visualizar el valor del área de texto en un cuadro de alerta cuando se hace clic en el botón. <br> 5 <p> Guarde la página como " example.htm " y subir a su servidor web. Abra un navegador Web y vaya a la página example.htm en su servidor. Escriba algún texto en el área de texto y haga clic en el botón "Display". Aparecerá un cuadro de alerta , que contiene el texto que escribió en el área de texto. <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-quitar-un-controlador-de-eventos-en-TinyMCE-.html' >Cómo quitar un controlador de eventos en TinyMCE </a> </div> <div class=p2>Página siguiente: <a class='LinkNextArticle' href='http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-incrustar-JavaScript-en-Asp-net-.html' >Cómo incrustar JavaScript en Asp.net </a> </div> </div> <dl class=xgc> <dt><span>JavaScript Programación</span></dt> <dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/¿Por-qué-es-Guión-ralentizando-mi-PC-de-Down-.html">¿Por qué es Guión ralentizando mi PC de Down </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-deshabilitar-la-pantalla-de-impresión-JavaScript-.html">Cómo deshabilitar la pantalla de impresión JavaScript </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-crear-un-contenedor-de-JavaScript-para-la-API-.html">Cómo crear un contenedor de JavaScript para la API </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-comprobar-el-valor-nulo-en-JavaScript-.html">Cómo comprobar el valor nulo en JavaScript </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-hacer-Blink-Texto-con-JavaScript-.html">Cómo hacer Blink Texto con JavaScript </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-convertir-números-a-las-palabras-en-Javascript-.html">Cómo convertir números a las palabras en Javascript </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-obtener-las-compensaciones-de-desplazamiento-en-JavaScript-.html">Cómo obtener las compensaciones de desplazamiento en 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/Cómo-utilizar-JavaScript-para-mostrar-Prime-Factors-.html" >Cómo utilizar JavaScript para mostrar Prime Factors </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Multiple-Rotación-Anuncios-de-JavaScript-.html" >Multiple Rotación Anuncios de JavaScript </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-ocultar-la-lista-desplegable-en-JavaScript-.html" >Cómo ocultar la lista desplegable en JavaScript </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-insertar-elementos-con-DIV-en-JavaScript-.html" >Cómo insertar elementos con DIV en JavaScript </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-cambiar-el-marcador-en-un-API-de-Google-Maps-.html" >Cómo cambiar el marcador en un API de Google Maps </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-comprobar-el-valor-nulo-en-JavaScript-.html" >Cómo comprobar el valor nulo en JavaScript </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-hacer-un-Habbo-Retro-.html" >Cómo hacer un Habbo Retro </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-redirigir-una-página-Web-en-Javascript-.html" >Cómo redirigir una página Web en Javascript </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-Graficar-Con-jQuery-.html" >Cómo Graficar Con jQuery </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-escribir-Java-Script-.html" >Cómo escribir Java Script </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-incrustar-un-enlace-en-AS2-.html" >Cómo incrustar un enlace en AS2 </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/JavaScript-Tutorial-para-la-función-de-validación-Tiempo-.html" >JavaScript Tutorial para la función de validación Tiempo </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>Conocimientos Informáticos © http://www.ordenador.online</div> </div> </body> </html>