Outerwidth Code - Jquery

How to get outer width using jquery code?

Snippet Code

Rate this page :
  [ 0 votes]

Get the outer width of the entire element, including padding and border using outerWidth() function.

<script type="text/javascript"> $(document).ready(function() { $("div").click(function () { var width = $(this).outerWidth( true ); $("#output").html("Outer Width <span>" + width + "</span>."); }); }); </script> <style> .div1{ margin:10px;padding:12px; border:2px solid grey;border-radius:5px; width:80px;} .div2 { margin:15px;padding:5px; border:3px solid grey;border-radius:3px; width:160px;} </style> <p><b>Click on any div:</b></p> <span id="output"> </span> <div class="div1">Hiox.com</div> <div class="div2">Hscripts.com</div>


Ask Questions

Ask Question