淘先锋技术网

首页 1 2 3 4 5 6 7

当我们使用jQuery来开发网页时,经常需要清空文本框中的内容,以便用户重新输入。这时可以使用jQuery的.val()方法来获取和设置文本框的值。其中,设置文本框的值为空字符串可以清空文本框的内容。

jquery清除文本框

下面的代码展示了如何使用jQuery清空一个文本框的内容:


$(document).ready(function() {
  $('#myInput').val('');
});

上面的代码首先使用.ready()方法来指定当页面加载完成后要执行的代码。然后,使用jQuery选择器选中一个ID为myInput的文本框,并使用.val()方法将其值设置为空字符串。

如果要清空多个文本框的内容,可以使用.each()方法遍历文本框,并将其值设置为空字符串。下面的代码展示了如何使用.each()方法清空多个文本框的内容:


$(document).ready(function() {
  $('input[type="text"]').each(function() {
    $(this).val('');
  });
});

上面的代码使用选择器选中所有类型为text的文本框,并使用.each()方法遍历它们。在遍历过程中,使用$(this)来访问当前的文本框,并使用.val()方法将其值设置为空字符串。