控制隐藏和可用属性

来源：互联网发布：淘宝店铺联盟怎么弄编辑：程序博客网时间：2024/05/19 20:44

用js和jQuery处理元素的隐藏属性和可用属性老是会混淆忘记，特意写个方便记忆。

jQuery写法：

  $(function () {            $("#btnFg").on("click", function () {                $("#btnFg").css('display', 'none');                $("#divFg").css('display', 'block');                $("#txtFeedBack").attr("disabled", false);                $("#txtactualDate").attr("disabled", false);            })        });  $("#btnFg").click(function(){ alert(1);})

js写法：

 function btnFg() {            document.getElementById("btnFg").style.display = "none";            document.getElementById("divFg").style.display = "block";            document.getElementById("txtFeedBack").disabled = false;            document.getElementById("txtactualDate").disabled = false;        }

HTML

   <div style="margin-left:10px;width:30px;" class="Button" id="btnFg" onclick="btnFg();">反馈</div>        <div style="margin-left :10px;display:none;" id="divFg">        <table style="width:100%;">         <tr><td class="td2">反馈</td></tr>          <tr><td class="td1"><span class ="null">空空</span>反馈信息</td>               <td><div class="divAA" >            <asp:TextBox ID="txtFeedBack" runat="server"  TextMode="MultiLine"  CssClass="textAA"  disabled ="true"                 oninput="if(value.length>500)value=value.slice(0,500)" ></asp:TextBox></div></td>            </tr>            <tr>                 <td class="td1"><span class ="null">空空</span>实际完成日期</td>                   <td><div class="divText" ><asp:TextBox ID="txtactualDate" runat="server"  CssClass="Text"  disabled ="true"></asp:TextBox></div></td>            </tr>       </table>       </div>

阅读全文

0 0