首頁 > web前端 > js教程 > 主體

關於jQuery中的submit()函數

巴扎黑
發布: 2017-06-29 10:28:23
原創
1344 人瀏覽過

關於jQuery中的submit()函數(綁定event handler or 觸發event?)

  今天在敲程式碼的時候無意間碰到了一個比較繞的問題(一個小師弟問的問題),思前想後都不明白,上午百度、谷歌了半天,再加上讀了下英文api才算明白開來。現在記下來,給大家一個提醒。廢話不多說,程式碼如下:


1  $('#myFormId').submit(function() { 
2      // submit the form 3      $(this).ajaxSubmit(); 
4      // return false,这样可以阻止正常的浏览器表单提交和页面转向 5      return false; 
6  });7  $('#myFormId').submit();
登入後複製

 

#  這一段類似於我遇到的程式碼,在程式執行到上面第1行的時候並沒有觸發表單提交事件,而在第7行執行的時候才提交表單。這就導致了對以下兩個函數的理解:


1 $(selector).submit();2 $(selector).submit(fn);
登入後複製

  經過查api和去網上搜尋,明白了其中的原委。上面的第一行的函數的意思是觸發選擇器選擇元素的“submit”事件,而第二行的元素的意思是給選擇器選擇元素綁定“submit”事件處理函數。這樣就明白了最上面的程式碼的意思,第一行是綁定處理函數,第七行程式碼是觸發該事件。 OK,問題搞定!

  下面是英文官方api解釋,還是官方api解釋可靠,中文翻譯的完全沒搞懂。

  上面三條藍色部分是不同版本的變化,紅色圈出來的解釋了它們的不同。英文比較簡單,我就不獻醜了。

 

以上是關於jQuery中的submit()函數的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!