Question

我正在为一个学校项目建立一个带有visual studio for web的网站，我做了一个用户登录系统。所以在我的网站上，我在顶部栏上有一个地方可以输入您的用户名密码并按下登录。现在我希望当用户按下登录按钮时，所有这些都将改为“欢迎回来”，而他的会话被激活了。所以我只需要知道如何将div元素（包含所有登录内容）更改为另一个显示文本的div。谢谢你回答。

Answer 1

你应该有2个div。

第一个是“登录栏”div，这个应该是可见的。第二个是应该隐藏的“welcome-back-bar”div。

当用户登录时，您应该隐藏“login-bar”div并显示“welcome-back-bar”div。

这样看起来“login-bar”div被“welcome-back-bar”div替换。

$(function(){
    $("#login-button").click(function(){
        $("#login-bar").addClass("hidden");
        $("#welcome-back-bar").removeClass("hidden");
    });
});

看到这个 JSFiddle

如何将整个div元素更改为另一个元素

1 个答案: