JQuery disabledプロパティの設定と除去


HTMLのタブでは、disabledプロパティを使用して入力ボックスを一時的に無効にします.
JQueryでdisabledプロパティを設定して削除することで、無効化と無効化の有効化と解除を行うことができます.
JQueryコード:
//      disabled    
$('#area').attr("disabled",true);
$('#area').attr("disabled","disabled");
//      disabled  
$('#area').attr("disabled",false);
$('#area').removeAttr("disabled");
$('#area').attr("disabled","");

完全な例:
<!DOCTYPE html>
<html>
  <head>
    <title>Jquery  disabled  </title>
    <meta http-equiv="content-type" content="text/html;charset=gb2312">
    <style>
        *{margin:0;padding:0}
        .test{width:20%;height:100px;border:2px solid green;padding:10%;margin:100px auto}
    </style>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.12.0.min.js"></script>    
  </head>
  <body>
    <div class="test">
       <label>     </label>
       <input type="text" id="text" name="text" size="40">
       <br>
       <input type="button" id="on" value="  ">
       <input type="button" id="off" value="  ">
       <script>
          $('#on').click(function(){
              $('#text').attr("disabled",false);
          });
          $('#off').click(function(){
              $('#text').attr("disabled","disabled");              
          });
       </script>    
    </div>
  </body>
</html>