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一样.并且.attr()是jQuery对象的函数.