Как я могу сделать эту кнопку входа в систему, когда я вхожу в систему jQuery

Question

У меня есть кнопка входа. Как я могу это сделать, когда я вхожу в мое приложение, что кнопка «Вход» исчезает. Появится кнопка appera.

<form id="loginForm" class="form-signin">  
      <h2 class="form-signin-heading">Zaloguj się!</h2> 
      <input id="username" type="text" class="form-control" name="username" placeholder="login" required="" autofocus="" /> 
      <input id="password" type="password" class="form-control" name="password" placeholder="Password" required=""/></br></br>  
      <button id="submitButton" class="btn btn-lg btn-primary btn-block" type="submit">Login</button> 
     </form> 

Я использованияКонтактная .hide и .remove но Metod оставляет свободный Pleace и screan выглядеть некрасиво. Я могу использовать сценарий jQuery? Как я могу это сделать jQuery? Спасибо

Answer 1

Да, вы можете сделать это с помощью jQuery, и похоже, что вы на правильном пути. На самом деле вы хотите просто скрыть() кнопку входа в систему, а затем показать() следующую кнопку, которая появится. Если вы удаляете() контент, то теги HTML удаляются; таким образом, вы получаете это неприятное пустое пространство.

Edit: Представьте, что ваш код был такой:

<form id="loginForm" class="form-signin">  
    <h2 class="form-signin-heading">Zaloguj się!</h2> 
    <input id="username" type="text" class="form-control" name="username" placeholder="login" required="" autofocus="" /> 
    <input id="password" type="password" class="form-control" name="password" placeholder="Password" required=""/></br></br>  
    <button id="submitButton" class="btn btn-lg btn-primary btn-block" type="submit">Login</button> 
</form> 
<button id="otherButton" class="etc etc" style="display: none">Something else</button> 

//JS 
    $("#submitButton").hide(); //Hide submit button 
    $("#otherButton").show(); //Show other button 

Я считаю, что должно работать!