jQuery object when creating new elements

[markbrown4]

Hi.

I'm creating new DOM elements with $() and it returns jQuery. Is [0] the best way to get the element itself?

var $iframe = $('<iframe></iframe').attr({
  id: this.id + '-iframe',
  frameBorder: '0'
}).css({
  height: $this.height(),
  width: $this.width()
});
var iframe = $iframe[0];

Cheers,

[paul_wilkins]

Hi.

I'm creating new DOM elements with $() and it returns jQuery. Is [0] the best way to get the element itself?

Typically it's preferred to use the .get() method to retrieve elements from a jQuery object instead of digging straight in to the array index.

However, if you're going to be adding the content to the page, you may want to leave it as an object and to use the .append() method, or .appendTo() depending on which way you want to approach things.

$('#target').append($iframe);
or
$iframe.appendTo($('#target'));

[markbrown4]

Thanks!