jQuery是一種常用的JavaScript庫，在Web開發中經常被使用。其中一個常見的應用場景就是實現登錄頁面的交互功能。本文將介紹如何使用jQuery實現一個簡單的登錄頁面。

<!-- HTML代碼 -->
<form id="login-form">
<label for="username">用戶名:</label>
<input type="text" id="username" name="username">
<br>
<label for="password">密碼:</label>
<input type="password" id="password" name="password">
<br>
<button type="submit" id="login-btn">登錄</button>
</form>

以上是登錄頁面的HTML代碼，其中表單的id為"login-form"，用戶名輸入框的id為"username"，密碼輸入框的id為"password"，登錄按鈕的id為"login-btn"。

<!-- JavaScript代碼 -->
$(function() {
// 提交表單，處理登錄邏輯
$('#login-form').submit(function(event) {
event.preventDefault(); // 阻止表單默認提交行為
var username = $('#username').val();
var password = $('#password').val();
// 簡單的身份驗證邏輯
if (username === 'admin' && password === '123456') {
alert('登錄成功！');
} else {
alert('用戶名或密碼錯誤！');
}
});
});

以上是使用jQuery實現的登錄頁面邏輯代碼。通過選擇器獲取表單元素和輸入框的值，然后根據簡單的身份驗證邏輯判斷用戶輸入的是否正確，并彈出相應的提示框。

以上代碼只是一個簡單的示例，實際應用中還需要考慮更多的安全性和用戶體驗問題。例如，可以添加驗證碼輸入，防止惡意攻擊；或者可以使用Ajax實現局部刷新，提高頁面的響應速度。