jquery - jQuery 中的变量赋值

Question

刚接触 jQuery，在理解某些语法时遇到一些困难。这段代码片段发生了什么？

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

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

Answer 1

该代码定义了 4 个独立的变量，与任何公共(public)数据结构无关。它相当于这样:

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

• that 被定义为对此代码运行上下文中任何 this 的 jQuery 引用(可能是此代码中的 form 元素)例)。
• url 是一个字符串，即 DOM 元素上 action 属性的值。
• method 是一个字符串，即 DOM 元素上 method 属性的值。
• data 是一个空对象。

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