在 Web 开发中，jQuery 是一个非常流行的 JavaScript 库，它可以帮助开发者更加方便地操作 HTML 和 CSS，使得前端开发更加容易。在 jQuery 中，经常会用到$()函数来选中 HTML 元素，还有各种 jQuery 选择器来选中不同的元素。在本文中，我们将主要介绍如何使用 jQuery 操作 input 元素和 HTML 元素。

首先，我们来看看如何使用 jQuery 操作 input 元素，其中包括文本框、单选框和复选框。下面是一个示例代码：

$(document).ready(function(){
// 获取 input 元素的 value 值
var value = $("input").val();
// 设置 input 元素的 value 值
$("input").val("new value");
// 获取单选框和复选框元素的选中状态
var checked = $("#checkbox").prop("checked");
// 设置单选框和复选框元素的选中状态
$("#checkbox").prop("checked", true);
});

在这段代码中，我们首先使用$("input").val()获取文本框元素的值，使用$("input").val("new value")来设置文本框元素的值。对于单选框和复选框元素，我们使用$("#checkbox").prop("checked")来获取其选中状态，使用$("#checkbox").prop("checked", true)来设置其选中状态。

接下来，我们来看如何用 jQuery 创建 HTML 元素，以及如何在 HTML 中插入和删除元素。下面是一段示例代码：

$(document).ready(function(){
// 创建新的 HTML 元素
var newElement = $("
This is a new paragraph.
");
// 在 HTML 中插入元素
$("#target").append(newElement);
// 从 HTML 中删除元素
$("#target").remove();
});

在这段代码中，我们首先使用$("<p>This is a new paragraph.</p>")创建了一个新的段落元素，然后使用$("#target").append(newElement)将其插入到 ID 为 target 的元素中。最后，我们使用$("#target").remove()从 HTML 中删除了该元素。

总之，以上就是 jQuery 操作 input 元素和 HTML 元素的基础知识，通过这些代码示例，相信大家可以更加方便地使用 jQuery 进行开发。