multiple Image objects into a jQuery selector?

Question

If I've multiple Image objects created like so:

var img0 = new Image();
var img1 = new Image();
var img2 = new Image();

What is the easiest and/or fastest way to wrap these into a jQuery object?

My current approach seems suboptimal:

var imgsJq = $(img0).add( $(img1) ).add( $(img2) );

That would actually be the most appropriate way to do that, using add(), so it's fine, but $(img0).add(img1).add(img2); does seem easier. — adeneo
– adeneo, Commented May 20, 2013 at 14:21
Just create an object literal and reference it's properties within your jQuery code. easier to read that way. — klewis
– klewis, Commented May 20, 2013 at 14:22

iurisilvio · Accepted Answer · 2013-05-20 14:23:37Z

5

var imgsJq = $([img0, img1, img2]);

answered May 20, 2013 at 14:23

iurisilvio

5,0091 gold badge32 silver badges38 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

adeneo Over a year ago

This works, but is'nt much different from using add(), still +1.

iurisilvio Over a year ago

It is cleaner and probably faster than add(). You can improve it if you put your images in an array instead of in 3 variables, but it does not change too much. var imgs = [new Image(), new Image(), new Image()], imgsJq = $(imgs);

Rohit Agrawal · Accepted Answer · 2013-05-20 14:29:57Z

1

yours' is fine perfectly but if you want you can use the following as it looks simpler

 var $img = $(img0).add(img1).add(img2);

or you can use this also

 var $img = $([img0,img1,img2]);

edited May 20, 2013 at 14:29

answered May 20, 2013 at 14:23

Rohit Agrawal

5,5305 gold badges21 silver badges30 bronze badges

Collectives™ on Stack Overflow

multiple Image objects into a jQuery selector?

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related