2015-10-15 56 views
-9

解释函数做

$("form").on("submit", function(event) { 
 
    event.preventDefault(); 
 
    console.log($(this).serialize()); 
 
});

皮斯解释什么功能呢 态GIS功能的悲风什么

+3

[RTFM](http://api.jquery.com/) –

+1

它捕获表单提交,并阻止它,这就是它。这是微不足道的,并不是一个适合本网站的问题。 – adeneo

+0

和方式ther是console.log什么它dsplay ...? –

回答

-2

它挂钩上存在的所有形式的submit事件时运行代码和,当事件发生时,阻止默认操作(提交表单),并将表单内容转储到Web控制台。

详细说明:

// v--- 1  vvv--2  v---- 3 
    $("form").on("submit", function(event) { 
//  ^^^^^^--4 ^^^^^^^^--5   ^--- 6 
     event.preventDefault(); 
//   ^---7 
     console.log($(this).serialize()); 
// ^--8   ^-- 9  ^--10 
    }); 
  1. jQuery函数,在这种情况下寻找选择器字符串

  2. 匹配在所得jQuery对象元素,调用on功能挂钩的事件处理程序

  3. 事件发生时调用的函数

  4. 的选择,在这种情况下,说发现,在运行此代码

  5. 事件时在页面上存在的所有form元素挂钩:表单提交

  6. 参数的处理程序:将发生事件(一个对象)

  7. 指示浏览器不执行此事件的默认操作(这将被提交表单)

  8. 解窃听函数输出到Web控制台

  9. 即相同jQuery函数如在#1,但这次不是寻找匹配元素,它只是包装在this对象周围的jQuery对象(它指的是形式事件发生)

  10. jQuery的serialize函数创建一个从表单字段名的字符串和值

推荐阅读:http://api.jquery.com