jQuery 선택 기 기반 폼 대상 속성 선택 기 인 스 턴 스


<!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>
주의:
일부 브 라 우 저 에서 선택 기:checked 는

좋은 웹페이지 즐겨찾기