Jquery - 按 ID 引用 - 应该返回一个数组?

发布于 2024-07-27 21:51:08 字数 381 浏览 4 评论 0原文

我刚刚开始使用 jQuery,各种来源表明应该使用以下内容通过 ID 引用元素:

$("#imgThumbnail")

理论上使类似的事情成为可能:

$("#imgThumbnail").src;

但我的测试表明类似 $("#imgThumbnail") 返回一个数组,需要执行以下操作:

$("#imgThumbnail")[0].src;

每次尝试通过 ID 引用某些内容时,我真的需要通过数组的索引进行引用吗(即 var oObj = $("#someobjectid")[0 ];)?

I just started using jQuery, and various sources suggest that the following should be used to reference an element by ID:

$("#imgThumbnail")

theoretically making something like this possible:

$("#imgThumbnail").src;

But my testing indicates that something like $("#imgThumbnail") returns an array, making the following necessary:

$("#imgThumbnail")[0].src;

Do I really need to reference by the index of the array every time I am trying to reference something by ID (i.e., var oObj = $("#someobjectid")[0]; )?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(7

旧话新听 2024-08-03 21:51:08

您应该获取 src 属性来获取值

$("#imgThumbnail").attr('src');

You should get the src attribute to get the value

$("#imgThumbnail").attr('src');
南渊 2024-08-03 21:51:08

这篇文章解释了 $ 函数返回的内容以及使用它的各种方法。


$(selector)

返回一个 jQuery 对象,该对象可以包含多个 DOM 元素。


$(selector)[0] or $(selector).get(0)

返回第一个结果作为实际 DOM 元素。


$(selector).eq(0) or $($(selector).get(0))

返回包装在 jQuery 对象中的 DOM 元素,以便我们可以执行以下操作:

$(selector).eq(0).addClass("deleted").fadeOut();

This post explains what the $ function returns and various ways to use it.


$(selector)

Returns a jQuery object, which could contain a number of DOM elements.


$(selector)[0] or $(selector).get(0)

Returns the first result as an actual DOM element.


$(selector).eq(0) or $($(selector).get(0))

Returns the DOM element wrapped in a jQuery object so that we can do stuff like:

$(selector).eq(0).addClass("deleted").fadeOut();
鼻尖触碰 2024-08-03 21:51:08

$(specifier) 将返回一个集合,因此,如果您想对单个成员调用某些内容,您需要选择哪个成员。 在大多数情况下,您可以使用集合运算符来获得相同的结果。 例如,您可以调用 $('#imgThumbnail').attr('src', 'value')

$(specifier) will return a collection, so yes if you want to call something on an individual member you need to pick which one. In most cases though there is a collection operator you can use to achieve the same result. For instance, you could call $('#imgThumbnail').attr('src', 'value')

今天小雨转甜 2024-08-03 21:51:08

您应该记住,它并不是真正的数组,它是一个 jQuery 对象,除其他外,它允许数组样式的访问

You should bear in mind that it's not really an array, it's a jQuery object which, among other things, allows array-style access

做个少女永远怀春 2024-08-03 21:51:08
$(whatever)

返回 jQuery 对象。 在 jQuery 对象上,您可以执行 jQuery 和 jQuery 插件操作,例如。 .text() 返回元素内的文本,或 .css("background", "pink") 使元素变成粉红色。

由于 src 不是 jQuery 的东西,所以你无法访问它。 然而 src 既是一个 HTML 属性,您可以使用 attr 方法访问它们:

.attr("src")` and `.attr("src", "http://www.example.com/myimage.png")

src 也是一个 DOM 属性,您可以使用 [index] 或通过迭代 jQuery 对象来访问 DOM 属性与每个:

.each(function(){
  this.src = "http://www.example.com/myimage.png";
})
$(whatever)

returns the jQuery object. On the jQuery object you can do jQuery and jQuery plugin things, eg. .text() to return the text inside the element or .css("background", "pink") to make the element(s) pink.

Since src isn't a jQuery thing you cannot access it. src is however both a HTML attribute, and you can access those with the attr method:

.attr("src")` and `.attr("src", "http://www.example.com/myimage.png")

src is also a DOM-property and you can access DOM-properties using [index] or by iterating through the jQuery object with each:

.each(function(){
  this.src = "http://www.example.com/myimage.png";
})
戒ㄋ 2024-08-03 21:51:08

我认为你不应该将 .src 与 jQuery 一起使用。

Try $("#imgThumbnail").attr('src'); 

(这将读取 src 属性,如果您愿意,您可以使用第二个参数设置它)

请参见此处:
http://docs.jquery.com/Attributes/attr

I don't think you should be using .src with jQuery.

Try $("#imgThumbnail").attr('src'); 

(this will read the src attribute, you set it with a second arg if you like)

See here:
http://docs.jquery.com/Attributes/attr

请你别敷衍 2024-08-03 21:51:08

来设置 src 属性

$("#imgThumbnail").attr("src", value)

如果您使用类选择器或标签之类的东西

$("img").attr("src", value)

,那么它将修改页面上的所有图像 src 属性。 因此 $ 函数返回一个数组。

并且您不需要专门引用它。

to set the src attribute use

$("#imgThumbnail").attr("src", value)

if you use something like a class selector or tag like so

$("img").attr("src", value)

It will modify all the image src attributes on the page. Hence the $ function returns an array.

And you do not need to reference it specifically.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文