Using element object with jQuery method?

Question

Hi,

I just started using jQuery. Now I want to use an jQuery method with an element object.

var element = document.elementFromPoint(x, y);
element.offset();

Of course this doesn't work because the variable element is not a jQuery selector, so the error message I get in Firebug is "element.offset is not a function". Is there any general method I could use this element object with an jQuery selector?

Answer 1

You can turn a normal DOM element into a jQuery selection by wrapping it in $():

var element = document.elementFromPoint(x, y);
$(element).offset();

Answer 2

You need to wrap it into the jQuery constructor function, which returns a jQuery object.

jQuery(element).offset();

or shortcut method

$(element).offset();

http://api.jquery.com/jQuery/