jQuery中的变量赋值

Question

jQuery的新手，对理解某些语法有些麻烦。这段代码片段中发生了什么？

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

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

Answer 1

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

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

• that被定义为一个jQuery参考任何this处于其中该代码运行（可能在此情况下为form元件）的上下文。
• url是一个字符串，DOM元素上的action属性的值。
• method是一个字符串，它是DOM元素上的method属性的值。
• data是一个空对象。

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