jquery - jQuery中的变量赋值

Question

jQuery 新手，在理解某些语法时遇到了一些麻烦。此代码段中发生了什么？

var that = $(this),
    url = that.attr('action'),
    method = that.attr('method'),
    data = {};

它是定义4个变量还是数据结构。此代码位于提交表单时执行的 jQuery 代码块中。$(this)是提交的表单。我什至不确定从哪里开始谷歌搜索。

Answer 1

该代码定义了 4 个独立的变量，与任何常见的数据结构无关。这相当于：

var that = $(this);
var url = that.attr('action');
var method = that.attr('method');
var data = {};

• that被定义为对this运行此代码的上下文中的任何内容的 jQuery 引用（form在这种情况下可能是一个元素）。
• url是一个字符串，是actionDOM 元素的属性值。
• method是一个字符串，元素method上属性的值。DOM
• data是一个空对象。

请注意，这是比“jQuery”语法更多的“JavaScript”语法。jQuery 在这里只涉及前三个变量如何获取它们的值。 $()是一个返回 jQuery 对象的 jQuery 函数，但调用它的实际语法与任何其他 JavaScript 相同。And.attr()是 jQuery 对象上的一个函数。