Home/Jquery/.height() method in Jquery

.height() method in Jquery

Description:

The jQuery height() method is used to GET/SET the height for the selected element. In simple, height() method can be split in to two purposes

  • GET height: It will return the height for the selected/matched element
  • SET height: It will set the height for the selected/matched element

Syntax

  • $(selector).height()
  • $(selector).height(value)
  • $(selector).height(function(index,currentheight))
Value   It specifies the height in px, pt, em, etc. In default it treat as px.
function(index,currentclass) A function that returns one or more class names to remove
index : Returns the index position of the matched element
currentclass : Returns the current class name of the matched element

Difference between .css(“height”) & .height():

.css( “height” ) : It will returns with unit value (for example, 200px)
.height() : It return with units less (for example, 200).

When to use?

If we need to perform some mathematical calculation based on the element’s height then we can use .height().

Example: 

Output: 

Clicking on button, the .height(20) method will set height as 20 for the selected element and .height() method will GET the height of the selected div .

dotnet-helpers-com-jquery-height-method-thiyagu-jquery-helpers

 

READ  How to use Selectors in JQuery

Leave A Comment