控制隐藏和可用属性

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