清除输入字段 jQuery - JavaScript

在Web开发中，清除输入字段（即输入框、文本框等）是一个常见的需求。本文将介绍如何使用jQuery和JavaScript清除输入字段中的内容。

jQuery方法

使用jQuery，可以使用以下代码来清空所有输入字段：

$("input").val("");

以上代码将清空所有的<input>标签，包括文本框、密码框、复选框等。如果只想清空文本框，可以使用以下代码：

$("input[type='text']").val("");

以上代码将只清空<input>标签中type属性为text的文本框。

如果想清空特定的文本框，可以给这些文本框添加ID或类，然后使用以下代码：

$("#myTextBox").val("");
$(".myTextBoxClass").val("");

以上代码将分别清空ID为myTextBox和包含myTextBoxClass类的所有文本框。

JavaScript方法

在JavaScript中，可以使用以下代码清空文本框：

document.getElementById('myTextBox').value = '';

以上代码将清空ID为myTextBox的文本框。

如果想清空多个文本框，可以使用以下代码：

var textBoxes = document.getElementsByClassName("myTextBoxClass");
for(var i=0; i<textBoxes.length; i++){
    textBoxes[i].value = '';
}

以上代码将清空所有包含myTextBoxClass类的文本框。

结论

无论是使用jQuery还是JavaScript，都可以轻松地清空输入字段中的内容。如果只需要清空单个文本框，使用JavaScript可能更加简单和直观。但是，如果需要清空多个文本框或其他类型的输入字段，则使用jQuery会更加方便快捷。