有人可以解釋這在jQuery/Javascript中看似不一致嗎？ （尾隨方括號在讀取時不一致）

Question

所以，在我的下面的示例中，「InputDate」是一個輸入類型=文本，「DateColumn」是具有「DateColumn」類的表內的TD。

閱讀謹慎texbox的價值：

$('#theTable .DateColumn').each(function() { 
    var rowDate = Date.parse($(this)[0].innerHTML); 
}); 

這不：

var inputVal = $('#InputDate').val(); 

表....

此作品中讀一個div的價值：

$('#theTable .DateColumn').each(function() { 
    var rowDate = Date.parse($(this)[0].innerHTML()); 
}); 

該d ifference是innerHTML之後的「（）」。這種行爲似乎在從文本框中讀取值的方式和從div中讀取它的方式之間在語法上不一致。我有時候可以，根據控件的類型，必須閱讀.val和.innerHTML vs.whateverElseDependingOnTheTypeOfControl ...但這個例子讓我相信我現在還必須記住我是否需要在每個屬性上使用尾括號/方法。

所以對於像我這樣的人來說，對於jQuery/Javascript來說是比較新的......我似乎已經想出了這個特殊的異常，在這種情況下，但是有一個我錯過了的約定，人們必須從字面上記住每種方法是否需要括號？

Answer 1

innerHTML是JavaScript和是一個元素的屬性。如果你想堅持與做事的jQuery的版本，使用html()：

$('#theTable .DateColumn').each(function() { 
    var rowDate = Date.parse($(this).html()); 
}); 

編輯：多一點澄清您的問題。 jQuery在語法上相當一致。基本上，您發現的大多數方法都允許通過調整傳遞給方法的參數來進行讀/寫訪問。

var css = $('#element').css('color'); // read the color of the element 
$('#element').css('color', 'red'); // set the color to "red" 

var contents = $('#element').html(); // grab the innerHTML of the element 
$('#element').html('Hello World'); // set the innerHTML of this element 

Answer 2

.innerHTML是元素的屬性而非方法。

屬性參考實施例：object.MyProperty

方法示例：object.SomeFunction（）;