[JQuery] 真正意义上清空表单内容

页面导航:首页 > 网络编程 > JavaScript > [JQuery] 真正意义上清空表单内容

[JQuery] 真正意义上清空表单内容

来源: 作者: 时间:2016-02-05 11:06 【

JQuery :not() 选择器定义与用法::not() 选择器选取除了指定元素以外的所有元素。最常见的用法:与其他选择器一起使用,选取指定组合中除了指定元素以外的所有元素。参考代码:$(fu

JQuery :not() 选择器

定义与用法:

:not() 选择器选取除了指定元素以外的所有元素。

最常见的用法:与其他选择器一起使用,选取指定组合中除了指定元素以外的所有元素。

参考代码:

		<script>
			$(function() {
				$("p:not(#p1)").css("color", "red"); //写法一
				$("p").not("#p1").css("color", "red"); //写法二
			})
		</script>

		

Hello

Hello Again

执行结果:

\

HTML DOM reset() 方法或是 元素

参考代码:

		<script>
			$(function() {
				$("#form1 :input").val("value");
			})
		</script>

		
点击重置按钮前:

\

点击重置按钮后:

\
得出结论:HTML DOM reset() 方法或是 元素的真正作用并不是“清空” 元素中的 value值,而是“重置”还原 元素中的原本的 value 值。值得注意的是,reset 不能重置按钮类型元素(type=button,reset,submit)的 value 值。


真正清空 form 表单中的内容(JQuery)

参考代码:

		<script>
			$(function() {
				$("#button").click(function() {
					$("#form :input").not(":button, :submit, :reset, :hidden").val("").removeAttr("checked").remove("selected");//核心
				});
			})
		</script>

		
点击“id=button”的按钮前:

\

点击"id=button"的按钮后:


Tags:

文章评论

最 近 更 新
热 点 排 行
Js与CSS工具
代码转换工具

<