当我们使用jQuery来开发网页时,经常需要清空文本框中的内容,以便用户重新输入。这时可以使用jQuery的.val()方法来获取和设置文本框的值。其中,设置文本框的值为空字符串可以清空文本框的内容。
下面的代码展示了如何使用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()方法将其值设置为空字符串。