jQuery 綁定 ASP.NET Button 點擊事件隱藏段落，防止表單提交導致頁面重載

在 ASP.NET WebForms 中使用 jQuery 隱藏 <p> 元素時，點擊 <asp:Button> 後段落雖隱藏但隨即恢復，原因是 asp:Button 渲染為 type="submit" 的 <input>，觸發表單提交導致頁面重載。

核心解決：返回 false 阻止預設行為

$("#Button1").click(function () {
    $("p").hide();
    return false; // 關鍵：阻止表單提交
});

替代方案

• 使用 <asp:Button UseSubmitBehavior="false"> 渲染為 type="button"。
• 改用 HTML <input type="button"> 或 <button type="button">。
• 在 OnClientClick 返回 false：OnClientClick="$('p').hide(); return false;"。

補充說明

jQuery 的 $(function(){}) 等同於 $(document).ready()，確保 DOM 就緒後綁定事件。初學者易混淆 asp:Button 的提交行為，記住：若不想回傳，必須阻止預設提交。