用jquery选择器替换javascript选择器会破坏代码

Question

我在jquery旁边使用dynamic.js javascript库。这些示例使用javascript选择器，如下所示：

var el = document.querySelector('#triangle')

当我尝试使用jquery选择器

时

var el = $('#triangle');

代码中断。有人可以开导我吗？非常感谢。

Answer 1

var el = $('#triangle'); // Is a jQuery object

var el = document.querySelector('#triangle'); // Is a DOM Level Object.

jQuery对象是一个类似于数组的对象，它包含DOM元素。一个jQuery对象可以包含多个DOM元素，这取决于使用的选择器，所以你需要选择jQuery Object的第一个元素，它将等同于DOM级别对象。

使用：

$('#triangle')[0]; // Accesses the first DOM element in this jQuery object
$('#triangle').get(0); // is same as above

请考虑以下HTML元素

<div id="triangle"></div>

然后以下内容会产生相同的结果：

$('#triangle')[0];
$('#triangle').get(0);
document.getElementById("triangle");