recherche

Maison >interface Web >js tutoriel >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:311659parcourir

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(&#39;checked&#39;)
  </script>

  <script type="text/javascript">
     //查找所有option元素中,有selected属性被选中的选项
     //移除option的selected属性
    $("option:selected").removeAttr(&#39;selected&#39;)
  </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!

Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Explication détaillée des exemples d'utilisation du sélecteur de filtre d'attribut jQueryArticle suivant：Explication détaillée des exemples d'utilisation du sélecteur de filtre d'attribut jQuery

Articles Liés

Voir plus