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是一个字符串，是DOM元素上action属性的值。
• method是一个字符串，method元素上DOM属性的值。
• data是一个空对象。

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