问题描述
- 用jquery 改写下面代码,昨天刚学,改过了就没用了
-
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="login.aspx.cs" Inherits="JQuery.login" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>JQuery学习</title> <script src="Scripts/jquery-1.7.2.min.js" type="text/javascript"></script> <script type="text/javascript"> // 窗体加载 // $(document).ready(function () // { alert("Hello, world."); }); $(function () { $("#Button1").click(function () { $("p").hide(); }); }); </script> </head> <body> <h2>This is a heading</h2> <p>This is a paragraph.</p> <p>This is another paragraph.</p> <form id="form1" runat="server"> <div> <asp:Button ID="Button1" runat="server" Text="Button" /> </div> </form> </body> </html>
为什么隐藏过后会马上还原,要想让他一直隐藏没怎么写,初学着,求解
解决方案
asp:Button对应客户端submit按钮,要return false阻止表单提交
$("#Button1").click(function () {
$("p").hide();
return false///
});
解决方案二:
$('#Button1').click(function () {$(this).hide();});
解决方案三:
asp:Button 提交是有刷新效果的,如果非要用这个控件 就按楼上所说的 return false
如果不用这个,可以换成 input 标签 type=button 就可以了
解决方案四:
新手路过学习学习学习了。。。。
解决方案五:
$("#Button1").click(function () {
$("p").hide();
});
直接写也可以
时间: 2024-10-31 08:50:50