javascript - Legacy JavaScript 和 Javascript 之间的最大区别是什么？

Question

我正在查看 JavaScript 和 jQuery 之间的各种实践差异，在此站点上，我偶然发现了一些我直到现在才知道的东西，在这个链接上称为 Legacy JavaScript: http://alittlecode.com/comparing-scripts-in-jquery-and-javascript-a-comparison-by-jeffrey-way/

选择元素jQuery

$('#container');

JavaScript

var container = document.querySelector('#container');

旧版 JavaScript

var container = document.getElementById('container');

它是什么，什么更现代，这里真正的交易是什么？谢谢:

Answer 1

querySelector() 是新选择器 API 的一部分。它比简单的 getElementById() 更加灵活和强大。

看看W3C recommendation中的例子:

使用旧的 getElementById():

var table = document.getElementById("score");
var groups = table.tBodies;
var rows = null;
var cells = [];

for (var i = 0; i < groups.length; i++) {
  rows = groups[i].rows;
  for (var j = 0; j < rows.length; j++) {
    cells.push(rows[j].cells[1]);
  }
}

使用 querySelector():

var cells = document.querySelectorAll("#score>tbody>tr>td:nth-of-type(2)");

仅从这个例子就可以看出，这两种方法在功能上并不相同。

另外，请注意，它们都不是 Java Script 语言本身的一部分，而是浏览器的 DOM API。