communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français

Sélecteur de filtre de propriété d'objet de formulaire jQuery

En plus du sélecteur d'éléments de formulaire, le sélecteur de filtre d'attribut d'objet de formulaire est également un sélecteur spécifiquement pour les éléments de formulaire. Il peut être attaché à l'arrière d'autres sélecteurs. Sa fonction principale est de filtrer les éléments de formulaire sélectionnés

.

Description du sélecteur de filtre de formulaire :

444.png


Remarque :

le sélecteur s'applique aux cases à cocher et aux singletons Boîte de sélection, pour l'élément de la liste déroulante, utilisez le sélecteur :selected. Dans certains navigateurs, le sélecteur :checked peut sélectionner par erreur l'élément <option>, donc par mesure de sécurité, utilisez le sélecteur input:checked pour vous assurer que seul l'élément <option> est sélectionné <input>Element


.
Formation continue
||
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title></title> <style> input { display: block; margin: 10px; padding: 10px; } </style> <script src="http://code.jquery.com/jquery-3.1.1.min.js"></script> </head> <body> <h2>子元素筛选选择器</h2> <h3>enabled、disabled</h3> <form> <input type="text" value="未设置disabled" /> <input type="text" value="设置disabled" disabled="disabled" /> <input type="text" value="未设置disabled" /> </form> <script type="text/javascript"> //查找所有input所有可用的（未被禁用的元素）input元素。 $('input:enabled').css("border", "2px groove red"); </script> <script type="text/javascript"> //查找所有input所有不可用的（被禁用的元素）input元素。 $('input:disabled').css("border", "2px groove blue"); </script> <h3>checked、selected</h3> <form> <input type="checkbox" checked="checked"> <input type="checkbox"> <input type="radio" checked> <input type="radio"> <select name="garden" multiple="multiple"> <option>php</option> <option selected="selected">php中文网</option> <option>aaron</option> <option selected="selected">php自学教程</option> </select> </form> <script type="text/javascript"> //查找所有input所有勾选的元素(单选框,复选框) //删除这个勾选的元素 $('input:checked').removeAttr('checked') </script> <script type="text/javascript"> //查找所有option元素中,有selected属性被选中的选项 //删除这个选中的元素 $('option:selected').removeAttr('selected') </script> </body> </html>
soumettreRéinitialiser le code
Section précédente section suivante
Liste des didacticiels
obtenir de l'aide
  • Recommandations de cours
  • Téléchargement du didacticiel
Le didacticiel n'est pas disponible au téléchargement pour le moment. Le staff est actuellement en train de l'organiser. Veuillez prêter plus d'attention à ce cours à l'avenir ~

Les étudiants qui ont regardé ce cours apprennent également

Le dernier didacticiel vidéo ThinkPHP 5.1 en première mondiale (60 jours pour devenir un expert PHP en ligne)  492505 joue