javascript - 什么是旧版 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 的一部分。它比 simple 更加灵活和强大getElementById()。

看看W3C 推荐中的例子：

使用旧的 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]);
  }
}

使用查询选择器（）：

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

仅从这个示例中，您就可以看到，这两种方法在功能方面并不相同。

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