javascript - 在 jquery 返回的对象上使用标准 js 对象属性？

Question

我刚刚接触 jQuery，所以请原谅这个愚蠢的问题，但我遇到了以下问题:

$('#pb_inner').css('width',data + '%');

这段代码工作正常。但是我想知道为什么我不能执行以下操作？

$('#pb_inner').style.width=data + '%';

Answer 1

因为 $('#pb_inner') 返回一个类似 jQuery 对象的数组。一个集合，而不是单个对象(即使如此，它也将是另一个 jQuery 对象):

来自docs :

(...), jQuery() — which can also be written as $() — searches through the DOM for any elements that match the provided selector and creates a new jQuery object that references these elements.

---

您必须使用 get :

$('#pb_inner').get(0).style.width=data + '%';

The .get() method grants us access to the DOM nodes underlying each jQuery object