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!