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

Replacing javascript selector with jquery selector breaks code

本文关键字：选择器 代码 javascript jquery 替换      更新时间：2023-09-26

Im使用dynamic.js javascript库和jquery。示例使用如下javascript选择器：

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

当我尝试使用jquery选择器时

var el = $('#triangle');

代码中断。有人能启发我一下吗？非常感谢。

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

jQuery对象是一个类似数组的对象，它包含DOM元素。一个jQuery对象可以包含多个DOM元素，这取决于使用的选择器，所以你需要选择jQuery对象的第一个元素，它将相当于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");
相关文章：