Maison >interface Web >js tutoriel >filtre de formulaire jquery
Filtre de formulaire
1 Sélectionnez les éléments de contrôle de formulaire en fonction du type
Méthode d'écriture CSS, seules toutes les entrées sont sélectionnées, les autres contrôles ne peuvent pas être sélectionnés
$('input').css('background-color', 'lightgreen')
Pour écrivez jquery, ajoutez simplement deux points devant celui-ci À l'exception de l'entrée, de la sélection, du bouton et de la zone de texte, vous pouvez sélectionner
$(':input').css('background-color', 'lightgreen')
Si vous souhaitez uniquement sélectionner la balise d'entrée, ajoutez la limite de balise. : input before: input. Oui, l'effet de syntaxe est exactement le même que celui du CSS à l'heure actuelle
$('input:input').css('background-color', 'lightgreen')
: input: Le sens original est de sélectionner tous les contrôles du formulaire. Vous pouvez utiliser les attributs CSS pour. restreindre plus tard, comme obtenir la boîte de mot de passe
$(':input[type="password"]').css('background-color', 'lightgreen')
En plus d'utiliser les attributs CSS pour les restrictions, il est également recommandé d'utiliser des filtres jquery. Par exemple, le filtre de la boîte de mot de passe est : mot de passe
.$(':input:password').css('background-color', 'lightgreen')
Changez la couleur pour montrer la différence. Comme vous pouvez le voir ici, les filtres prennent également en charge les opérations en chaîne
$(':input:password').css('background-color', 'skyblue')
Faisons quelques exercices supplémentaires
2. éléments basés sur les caractéristiques du contrôle de formulaire
: input, uniquement Sélectionnez les éléments du formulaire, à l'exclusion de : file, :image, :input Nous l'avons déjà fait
Sélectionnez uniquement le type de fichier<.>
$(':file').css('background-color', 'lightgreen')Sélectionnez uniquement la zone de texte : type="text"
$(':text').css('color',"red")Sélectionnez uniquement le bouton Soumettre
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!