jQuery是一種非常流行的JavaScript框架,它可以讓我們更輕松地操作DOM和處理事件。其中,使用jQuery來操作li和input元素是非常常見的。
<ul> <li> <label>用戶名</label> <input type="text" id="username"> </li> <li> <label>密碼</label> <input type="password" id="password"> </li> </ul>
上面的代碼演示了一個包含用戶名和密碼輸入框的列表。我們可以使用jQuery來獲取或設置這些元素的值、屬性或樣式。
// 獲取input的value var username = $("#username").val(); // 設置input的value $("#password").val("123456"); // 獲取li元素的class屬性 var liClass = $("li").attr("class"); // 給li元素添加class屬性 $("li").addClass("active"); // 獲取label元素的文本內容 var labelTxt = $("label").text(); // 修改label元素的文本內容 $("label").text("請輸入用戶名/密碼");
使用jQuery來操作li和input元素,可以讓我們更方便快捷地完成一些常見的頁面交互操作。