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對象的函數。