jQuery document.createElement equivalent?

var d = document;
var odv = d.createElement("div");
odv.style.display = "none";
this.OuterDiv = odv;

var t = d.createElement("table");
t.cellSpacing = 0;
t.className = "text";
odv.appendChild(t);

var odv = $.create("div");
 $.append(odv);

this.$OuterDiv = $('<div></div>')
    .hide()
    .append($('<table></table>')
        .attr({ cellSpacing : 0 })
        .addClass("text")
    )
;

Chrome 11  Firefox 4   IE9
<div>            440ms      640ms    460ms
<div></div>      420ms      650ms    480ms
createElement    100ms      180ms    300ms

Chrome 11
<div>             770ms
<div></div>      3800ms
createElement     100ms

Chrome 11
<div>            3500ms
<div></div>      3500ms
createElement     100ms

var t = $("<table cellspacing='0' class='text'></table>");
$.append(t);

var mydiv = $('<div />') // also works

var div = $('<div/>');
div.append('Hello World!');

var $example = $( XMLDocRoot );

var $element = $( $example[0].createElement('tag') );
// Note the [0], which is the root

$element.attr({
id: '1',
hello: 'world'
});

var $example.find('parent > child').append( $element );