jQuery学习笔记:
$(document).ready
(
function()
{
$("#reset1").click
(
function()
{
$("#form1")[0].reset();
}
);
}
);
点击reset1后,把form1的第一个对象值复原。
以后代码这样写会不会更好阅读:
$(document).ready( function()
{
$("#reset1").click( function()
{
$("#form1")[0].reset();
});
});
即使界面中只有一个form1,这样写还是会出错:
$("#form1").reset();
对象不支持此属性或方法
就是说表单总是返回数组。另一种用each的方法,也是比没有数组的强。
$("#form1").each( function() { this.reset(); });
reset的方法,是使表单复原,即原来有值的,恢复原来的值,如
<input value="XXX" />
在这个框中输入内容,如果复原后,这个框的内容就是"XXX"了。
原来:
reset()是JavaScript自身的东西(FORM的一个方法),而不是jQuery所提供的。
jQuery有提供的一个插件jquery.form.js(http://dev.jquery.com/browser/trunk/plugins/form/jquery.form.js),其中就有resetForm()方法。用了它,代码就可以改成:
$("#form1").resetForm();