jQuery是一個流行的JavaScript庫,它可以簡化HTML文檔的遍歷、操作和事件處理。常見的應用場景是實現網頁交互和用戶界面。在本文中,我們將介紹如何使用jQuery實現一個輸入框添加功能。
$('form').submit(function(event){ // 禁止表單的默認行為 event.preventDefault(); // 獲取輸入框的值 var inputVal = $('#inputBox').val(); // 創建新的li元素 var newLi = $('
以上代碼實現了一個簡單的輸入框添加功能。當用戶在輸入框中輸入內容后交互點擊提交按鈕時,頁面相應地將新的li元素添加到ul列表中。這里的重點是使用jQuery選擇器獲取輸入框的值并創建新的li元素,再通過jQuery選擇器將新的li元素添加到ul列表中。
總之,這只是jQuery操作HTML文檔的一個簡單例子。jQuery還可以對標簽屬性、樣式、動畫等進行操作,進而實現更為豐富的用戶界面效果。
下一篇vue底部移入動畫