现在的位置: 首页 > 综合 > 正文

jQuery学习笔记 06

2012年01月22日 ⁄ 综合 ⁄ 共 664字 ⁄ 字号 评论关闭

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();

抱歉!评论已关闭.