jQuery學習筆記 06

來源:互聯網
上載者:User

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

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.