利用Jquery单击一个按钮，控制DIV的隐藏和显示，同时按钮的名称也在改变。

Question

这是我的代码请问哪里出了问题了，input1是一个输入框如果输入框是空的就提示输入昵称，若非空就执行下个判断判断按钮的值。
$(Document).ready(function(){
$("#button").click(function(){
if(input1.value =="")
{
window.alert("请输入昵称");
}
else
if($("#button").val()=="登录") {
$("#submit").val("登录");
$("#mainPage").addClass('.hidden');
}
else {
$("#submit").val("断开");
$("#mainPage").removeClass('.hidden');
_establish();
}
}
);

Answer 1

第一 Document这个对象不存在 改成document
第二 button的click事件没有结束括号
_establish();
}
}); // 注意我加的
}
);
还不行 下面是完整的
$(function() {
$("#submit").click(function() {
if (input1.value == "") {
window.alert("请输入昵称");
}
else if ($("#sbumit").val() == "断开") {
$("#submit").val("登录");
$("#mainPage").hide();
}
else {
$("#submit").val("断开");
$("#mainPage").show();
_establish();
}
});
});

Answer 2

$(Document).ready(function(){
$("#button").click(function(){
if(input1.value =="") {
alert("请输入昵称");
} else{
if($("#button").val()=="登录") {
$("#submit").val("登录");
$("#mainPage").addClass('.hidden');
} else {
$("#submit").val("断开");
$("#mainPage").removeClass('.hidden');
_establish();
}
}
});

Answer 3

话说有几个按钮？button submit
ready可以写成
$(function(){

});
如果是显示隐藏show hide不行么？追问

$(function(){
$("#submit").click(function()
{if(input1.value =="")
{window.alert("请输入昵称");}
els if($("#sbumit").val()=="断开")
{$("#submit").val("登录");
$("#mainPage").hide();}
else {$("#submit").val("断开");
$("#mainPage").show();
_establish(); } } );
照你提示后更改了代码。但是现在隐藏不了了。。。

本回答被提问者采纳

Answer 4

Document要小写吧，else要加上大括号，不然只读取一行