jQuery offset() Method

Previous Next

Home >> Jquery >> jQuery CSS and HTML Methods >> jQuery offset() Method

jQuery offset() Method

The offset() method is used to set or return the offset coordinates for the selected elements, relative to the document.

For your Information:-

When it is used to return the offset coordinates of the FIRST matched element. It will return an object with 2 properties i.e, the top and left positions in pixels.
When it is used to sets the offset coordinates, it will set for ALL matched elements.

Syntax:-

Its syntax for returning offset coordinates is:- $(selector).offset()
Its syntax for setting offset coordinates is:- $(selector).offset({top:value,left:value})
Its syntax for setting coordinates with function is:- $(selector).offset(function(index,currentoffset))

Further Explanation:-

Parameter	Description
{top:value,left:value}	Required when setting the offset. Specifies the top and left coordinates in pixels.
function(index,currentoffset)	Optional. Specifies a function that returns an object containing the top and left coordinates *index* - Returns the index position of the element in the set *currentoffset* - Returns the current coordinates of the selected element

Code Explanation

All Tutorials related to jQuery CSS and HTML Methods

addClass() Method in jQuery after() Method in jQuery append() Method in jQuery appendTo() Method in jQuery attr() Method in jQuery before() Method in jQuery clone() Method in jQuery css() Method in jQuery detach() Method in jQuery empty() Method in jQuery hasClass() Method in jQuery height() Method in jQuery html() Method in jQuery innerHeight() Method in jQuery innerWidth() Method in jQuery insertAfter() Method in jQuery insertBefore() Method in jQuery offset() Method in jQuery offsetParent() Method in jQuery outerHeight() Method in jQuery outerWidth() Method in jQuery position() Method in jQuery prepend() Method in jQuery prependTo() Method in jQuery prop() Method in jQuery remove() Method in jQuery removeAttr() Method in jQuery removeClass() Method in jQuery removeProp() Method in jQuery replaceAll() Method in jQuery replaceWith() Method in jQuery scrollLeft() Method in jQuery scrollTop() Method in jQuery text() Method in jQuery toggleClass() Method in jQuery unwrap() Method in jQuery val() Method in jQuery width() Method in jQuery wrap() Method in jQuery wrapAll() Method in jQuery wrapInner() Method in jQuery

All Sections related to Jquery

jQuery Intro jQuery Intro Quiz jQuery Intro Exercise jQuery Basic jQuery Basic Quiz jQuery Basic Exercise jQuery Advance jQuery Advance Quiz jQuery Advance Exercise jQuery Selectors jQuery Effects jQuery Events jQuery Methods and Properties jQuery Traversing jQuery CSS and HTML Methods

Previous Next

jQuery offset() Method

jQuery offset() Method

For your Information:-

Syntax:-

Further Explanation:-

Code Explanation

All Tutorials related to jQuery CSS and HTML Methods

All Sections related to Jquery

Contact Us

Hire An Expert From Our Platform