Detailliertes Beispiel für die Filterauswahl für jQuery-Formularobjektattribute-js-Tutorial-php.cn

Detailliertes Beispiel für die Filterauswahl für jQuery-Formularobjektattribute

小云云

Freigeben： 2018-05-26 16:44:31

Original

1644 Leute haben es durchsucht

Dieser Artikel enthält hauptsächlich ein Beispiel für den Filterselektor für Formularobjektattribute des jQuery-Selektors. Der Herausgeber findet es ziemlich gut, deshalb werde ich es jetzt mit Ihnen teilen und es allen als Referenz geben. Folgen wir dem Herausgeber und schauen wir uns das an. Ich hoffe, es kann allen helfen.

<!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>

Nach dem Login kopieren

Hinweis:

In einigen Browsern kann selector:checked die -Element ausgewählt ist.

Verwandte Empfehlungen:

Ausführliche Erläuterung der JQuery-Selektor-Praxis

Detaillierte Erläuterung des jQuery-Formularelement-Selektors

Beispiel für die gemeinsame Nutzung von JQuery-Selektor und DOM-Knoten-Betriebspraxis

Das obige ist der detaillierte Inhalt vonDetailliertes Beispiel für die Filterauswahl für jQuery-Formularobjektattribute. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!