innerWidth() method in jQuery

innerWidth() in jQuery

This method is used to get the current inner width of the first element in the set of matched elements or every matched element.

InnerWidth includes padding values, but doesn't consider margin and border.

Syntax 1

$(selector).innerWidth()

Syntax 2

$(selector).innerWidth(value)

  • value - An integer representing the number of pixels
Syntax 3

$(selector).innerWidth(function(index,currentInnerWidth))

  • index - index position of the element in the set.
  • currentInnerWidth - old inner width of the element.

Example 1 - get

Try Yourself

Example 2 - set

Try Yourself

Example 3 - with function

Try Yourself

Example 4 - Difference between width() and innerWidth()

Try Yourself

Example 5 - Difference between innerWidth() and outerWidth()

Try Yourself