In order to better control the elements to meet our requirements, we can get the height and width of this part through Outerheight (options) and Outerwidth (options).
Outerheight (Options)
Gets the outer height of the first matching element (the default includes padding and borders).
This method is valid for both visible and hidden elements.
return value: Integer
Parameters:
Options (Boolean): (false) When set to true, the margins are calculated.
Example:
Gets the outer height of the first paragraph.
HTML Code:
<p>hello</p><p>2nd paragraph</p>
JQuery Code:
var p = $ ("P:first");
$ ("P:last"). Text ("Outerheight:" + p.outerheight () + ", Outerheight (True):" + P.outerheight (true));
Results:
<p>hello</p><p>outerheight:35, Outerheight (True):55</p>
Outerwidth (Options)
Gets the external width of the first matching element (the default includes padding and borders).
This method is valid for both visible and hidden elements.
return value: Integer
Parameters:
Options (Boolean): (false) When set to true, the margins are calculated.
Example:
Gets the outer width of the first paragraph.
HTML Code:
<p>hello</p><p>2nd paragraph</p>
JQuery Code:
var p = $ ("P:first");
$ ("P:last"). Text ("Outerwidth:" + p.outerwidth () + ", Outerwidth (True):" + P.outerwidth (true));
Results:
<p>hello</p><p>outerwidth:65, Outerwidth (True):85</p>
