Question

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

Pease解释函数的作用一个tgis功能

Answer 1

它将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
    });

jQuery函数，在这种情况下查找与选择器字符串匹配的元素
在生成的jQuery对象上，调用on函数来挂钩事件处理程序
事件发生时调用的函数
选择器，在这种情况下说要查找此代码运行时页面上存在的所有form元素
要挂钩的事件：表单提交
处理程序的参数：发生的事件（对象）
告诉浏览器不要对此事件执行默认操作（将提交表单）
输出到Web控制台的调试功能
与＃1中的jQuery函数相同，但这次不是查找匹配元素，而是在this中围绕对象包装jQuery对象（指的是事件的形式）发生）
jQuery的serialize函数根据表单的字段名称和值创建一个字符串

建议阅读：http://api.jquery.com。

解释这个功能的作用

1 个答案: