Question about converting a simple function to JQuery?

Question

Sorry if this is a stupid question,

I have a javascript function like:

Test.prototype.createElement = function() 
{ 
 this.oCanvas = document.body; 
 var oDiv = document.createElement('div'); 
 oDiv.style.position = "absolute"; 
this.oCanvas.appendChild(oDiv); 
return oDiv; 
}

While converting this function to jQuery, I did this:

Test.prototype.createElement = function() 
{ 
 this.oCanvas = document.body; 
 var oDiv = $('<div />').attr("postion", "absolute"); 
 $(this.oCanvas).append(oDiv); 
 return oDiv; /*  ****** This is not correct I think ******* */ 
}

or is there a better way?

Answer 1

Your better option would be:

Test.prototype.createElement = function() 
{
    var oDiv = $('<div />').css("position", "absolute"); 
    $('body').append(oDiv); 
}

I'm assuming your element needs to be empty for a reason and needs to be tacked at the end of your document body for a reason.

Answer 2

If you want to return the actual DOM object instead of the jQuery object use:

return oDiv[0];