2

私はこのサイトで JavaScript と jQuery のさまざまな実践上の違いを見ています。そして、このリンクでレガシー 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');

それは何ですか、より現代的なものは何ですか？ありがとう ：

4

1 に答える 1

2

これ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]);
  }
}

querySelector() の使用:

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

この例だけから、これら 2 つのメソッドが機能的に同等ではないことがわかります。

さらに、これらはどちらも Java Script 言語自体の一部ではなく、ブラウザの DOM API の一部であることに注意してください。

于 2013-03-11T12:15:36.253 に答える