jQuery width Method
home
Run
screen_rotation
fullscreen
cloud_download
navigate_before
<!DOCTYPE html> <html> <head> <title>jQuery Demo example</title> <script type="text/javascript" src="http://code.jquery.com/jquery-2.1.4.min.js"> </script> <script type="text/javascript"> $(document).ready(function(){ $( "#widthExample" ).on( "click", function(event) { $("#myDiv").width(300); }); }); </script> <style> .myClass{ border:1px solid red; background:green; width:200px; height:100px; overflow-x:scroll; } </style> </head> <body> <h4 ><a href="javascript:void(0);" id="widthExample">Click to run .width() Example </a></h4> <div id="myDiv" class="myClass"> <p> Demo Div.. </p> </div> </body> </html>
<!DOCTYPE html> <html> <head> <title>jQuery Demo example</title> <script type="text/javascript" src="http://code.jquery.com/jquery-2.1.4.min.js"> </script> <script type="text/javascript"> $(document).ready(function(){ $( "#widthExample" ).on( "click", function(event) { $("#myDiv").width(300); }); }); </script> <style> .myClass{ border:1px solid red; background:green; width:200px; height:100px; overflow-x:scroll; } </style> </head> <body> <h4 ><a href="javascript:void(0);" id="widthExample">Click to run .width() Example </a></h4> <div id="myDiv" class="myClass"> <p> Demo Div.. </p> </div> </body> </html>
Copyrights@tutorialsplane.com