jQuery 是目前一款极为流行的 JavaScript 库,它可以轻松地处理 HTML 页面中的各种操作。其中,清空表单的值是 jQuery 中经常使用的一个功能,下面介绍一下如何在 jQuery 中清空 val 值。
// 选取需要清空的表单元素var input = $("input[type=text]");// 清空表单元素的值input.val("");
以上代码中,首先通过选择器选取需要清空的表单元素,例如文本框 input[type=text],然后使用 val 方法将其值设为空字符串,即可完成清空操作。
除了 val 方法外,还可以使用 jQuery 中的另一个方法 empty,它可以清空元素内部的全部内容,包括文本和 HTML 标签:
// 选取需要清空的元素var div = $("#myDiv");// 清空元素内部的内容div.empty();
使用 empty 方法时,可以通过传入参数,选择清空哪些子元素的内容。例如,若需要只清空 div 元素中的文本内容,而不包括其中的子元素,可以这样写:
div.contents().filter(function() {return this.nodeType === 3;}).remove();
这里使用了 contents() 和 filter() 两个方法,先通过 contents 方法获取 div 中所有的子元素,再使用 filter 方法筛选出其中的文本节点(nodeType 为 3),最后使用 remove 方法删除它们。