javascript - 这两个 javascript 和 jquery 语句有什么区别？

Question

抱歉，我是 javascript 和 jquery 的初学者。我正在尝试让 jquery 工作...无法理解这两个语句之间的区别:

console.log ($("#FirstName").value);
console.log(document.getElementById('FirstName').value);

第一个返回为“未定义”，而第二个在我的文本输入框中正确地给出了我的名字。这是该框的 HTML

<input type="text" id="FirstName" class="TabInput" value="'. $ListRow[3] . '">

我已经在文件中链接到 jquery，并且有其他 jquery 函数在工作。我正在试验看看 jquery 是如何工作的，但看不出为什么它们不一样......

如果我只是使用

console.log ($("#FirstName")

它有效但给了我:

r.fn.init [prevObject: r.fn.init(1)]

不管是什么意思...

Answer 1

jQuery 不使用 .value。它使用 .val()

这就是为什么它给你 undefined

但是 javascript 确实使用 .value这就是它为您提供正确答案的原因。

Javascript

document.getElementById("submit").addEventListener("click", function() {
  console.log(document.getElementById("text").value);
});

<input type="text" id="text" />
<button id="submit">Submit</button>

jQuery

$("#submit").click(function() {
  console.log($("#text").val());
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" id="text" />
<button id="submit">Submit</button>