在 Web 開發(fā)中，jQuery 是一個非常流行的 JavaScript 庫，它可以幫助開發(fā)者更加方便地操作 HTML 和 CSS，使得前端開發(fā)更加容易。在 jQuery 中，經(jīng)常會用到$()函數(shù)來選中 HTML 元素，還有各種 jQuery 選擇器來選中不同的元素。在本文中，我們將主要介紹如何使用 jQuery 操作 input 元素和 HTML 元素。

首先，我們來看看如何使用 jQuery 操作 input 元素，其中包括文本框、單選框和復選框。下面是一個示例代碼：

$(document).ready(function(){
// 獲取 input 元素的 value 值
var value = $("input").val();
// 設置 input 元素的 value 值
$("input").val("new value");
// 獲取單選框和復選框元素的選中狀態(tài)
var checked = $("#checkbox").prop("checked");
// 設置單選框和復選框元素的選中狀態(tài)
$("#checkbox").prop("checked", true);
});

在這段代碼中，我們首先使用$("input").val()獲取文本框元素的值，使用$("input").val("new value")來設置文本框元素的值。對于單選框和復選框元素，我們使用$("#checkbox").prop("checked")來獲取其選中狀態(tài)，使用$("#checkbox").prop("checked", true)來設置其選中狀態(tài)。

接下來，我們來看如何用 jQuery 創(chuàng)建 HTML 元素，以及如何在 HTML 中插入和刪除元素。下面是一段示例代碼：

$(document).ready(function(){
// 創(chuàng)建新的 HTML 元素
var newElement = $("
This is a new paragraph.
");
// 在 HTML 中插入元素
$("#target").append(newElement);
// 從 HTML 中刪除元素
$("#target").remove();
});

在這段代碼中，我們首先使用$("<p>This is a new paragraph.</p>")創(chuàng)建了一個新的段落元素，然后使用$("#target").append(newElement)將其插入到 ID 為 target 的元素中。最后，我們使用$("#target").remove()從 HTML 中刪除了該元素。

總之，以上就是 jQuery 操作 input 元素和 HTML 元素的基礎知識，通過這些代碼示例，相信大家可以更加方便地使用 jQuery 進行開發(fā)。