javascript - [0] 在 $ ("#id")[0] 中做了什么?

标签 javascript jquery

<分区>

我猜它是一个数组索引,但是来自哪个数组?我看到它在这样的代码中使用过:

HTML:

<canvas id = "id"> </canvas>

JavaScript/jQuery:

var canvas = $("#canvas")[0];

指定 [0] 部分的目的是什么,它与执行 var canvas = $("#canvas"); 有何不同?

最佳答案

这是一种从 jQuery 集合中返回 DOM 节点的方法,也是一种编写 document.getElementById('canvas')(尽管使用库来实现)或 $('#canvas').get(0);.

实际上,它从 jQuery 选择器语法返回的对象集合中返回零元素,即第一个(使用 JavaScript 的零索引编号)元素。

区别$('#canvas') 返回一个包含元素集合的 jQuery 对象(用 jQuery 方法包装在 jQuery 对象中),而 $('#canvas')[0] 返回 DOM 节点,它可以访问 DOM 方法,但不能访问 jQuery 方法。

引用资料:

关于javascript - [0] 在 $ ("#id")[0] 中做了什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24049337/

相关文章:

javascript - ViewContainerRef 服务以及它引用哪个元素?(Angular 2)

javascript - 如何使用 Object3D.lookAt() 函数使 ExtrudeGeometry 面向对象?

javascript - Mousedown回调不会停止

php - 用 PHP 数据填充的数据表子表

javascript - 如何增加 var 编号

javascript - Google Maps JS API v3 - 带地理位置的简单多标记

javascript - 限制用户复制自己在输入字段中编写的文本

javascript - 在新行 AJAX 中显示 JSON 结果

jquery mobile ui-grid 具有等高的 ui-blocks

javascript 操作 json 对象