Maison > Article > interface Web > Exemple détaillé de sélecteur de filtre d'attribut d'objet de formulaire jQuery
Exemple détaillé de sélecteur de filtre d'attribut d'objet de formulaire jQuery
- 小云云original
- 2018-05-26 16:44:311550parcourir
Cet article vous apporte principalement un exemple de sélecteur de filtrage d'attributs d'objet de formulaire du sélecteur jQuery. L'éditeur pense que c'est plutôt bien, alors je vais le partager avec vous maintenant et le donner comme référence. Suivons l'éditeur pour y jeter un œil, j'espère que cela pourra aider tout le monde.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title></title>
<link rel="stylesheet" href="imooc.css" rel="external nofollow" type="text/css">
<style>
input {
display: block;
margin: 10px;
padding: 10px;
}
</style>
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
<h2>子元素筛选选择器</h2>
<h3>enabled、disabled</h3>
<form>
<input type="text" value="未设置disabled" />
<input type="text" value="设置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>imooc</option>
<option selected="selected">慕课网</option>
<option>aaron</option>
<option selected="selected">博客园</option>
</select>
</form>
<script type="text/javascript">
//查找所有input所有勾选的元素(单选框,复选框)
//移除input的checked属性
$("input:checked").removeAttr('checked')
</script>
<script type="text/javascript">
//查找所有option元素中,有selected属性被选中的选项
//移除option的selected属性
$("option:selected").removeAttr('selected')
</script>
</body>
</html>Remarque :
Dans certains navigateurs, le sélecteur : coché peut L'5d954342341f29352c10e1bccf53ffb2 est sélectionné
Recommandations associées :
Explication détaillée de la pratique du sélecteur jquery
Explication détaillée du sélecteur d'éléments de formulaire jQuery
Exemple de partage du sélecteur JQuery et de la pratique de fonctionnement du nœud DOM
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!