¿Cómo puedo seleccionar todos los cuadros de texto y áreas de texto, por ejemplo:¿Cómo seleccionar todas las áreas de texto y cuadros de texto usando jQuery?
<input type='text' />
y
<textarea></textarea>
en una página y hacer que la característica style.width="90%"; aplicados a ellos?
$('input[type=text], textarea').css({width: '90%'});
que utiliza selectores CSS estándar, jQuery también tiene un conjunto de filtros selectores de pseudo para diversos elementos de formulario, por ejemplo:
$(':text').css({width: '90%'});
coincidirá con todas <input type="text"> elementos. Vea Selectors documentation para más información.
$("**:**input[type=text], :input[type='textarea']").css({width: '90%'});
¿Por qué publicar la misma respuesta dos veces? Si hay algo especial acerca de las diferencias menores, por favor explícalas! – roryf
Personalmente aprecio saber acerca de jQuery's: pseudo-selector de entrada. +1 por mostrarme algo nuevo. – eyelidlessness
: input [type = 'textarea'] no funciona con la última jQuery. Debe usar textarea. – Pehmolelu
cuadros Contraseña son también cuadros de texto, por lo que si usted también los necesita:
$("input[type='text'], textarea, input[type='password']").css({width: "90%"});
y mientras archivo-entrada es un poco diferente, es posible que desee incluir ellos también (por ejemplo, para mantener la coherencia visual.):
$("input[type='text'], textarea, input[type='password'], input[type='file']").css({width: "90%"});
names = [];
$('input[name=text], textarea').each(
function(index){
var input = $(this);
names.push(input.attr('name'));
//input.attr('id');
}
);
que seleccionar todos los cuadros de texto y área de texto en el DOM, donde $ .Cada una iteración de funciones para proporcionar el nombre de ecah ement.
: el selector de texto no seleccionará textareas (al menos en la última jQuery). También quería agregar algo de la documentación jQuery sobre: selector de texto: "Porque: el texto es una extensión jQuery y no parte de la especificación CSS, las consultas que usan: el texto no puede aprovechar el aumento de rendimiento proporcionado por el DOM querySelectorAll nativo () Para obtener un mejor rendimiento en los navegadores modernos, use [type = "text"] en su lugar. " – Pehmolelu
$ (': texto') no funciona para los campos de contraseña. – Fatih