jQuery操作元素尺寸和位置
一、jQuery操作元素的尺寸 1. width和height 设置语法： jQuery对象.width(数字); 获取语法： jQuery对象.width(); 得到的只是内容的大小。 1 <style> 2 div { 3 width: 500px; 4 height: 500px; 5 padding: 10px; 6 border: 10px solid; 7 } 8 </style> 9 <body> 10 <div></div> 11 <script src="lib/jquery-1.12.4.js"></script> 12 <script> 13 var w = $('div').width(); //返回的是一个number 14 console.log(w); //500 15 $('div').width(300); //把div设置为300px 16 </script> 17 </body> 2. innerWidth和innerHeight 设置语法： jQuery对象.innerWidth(数字); 获取语法： jQuery对象.innerWidth(); 得到的是内容部分大小 + padding的大小。 设置时padding固定不变，内容部分自动适应变化。 1 <style> 2 div { 3 width: 500px; 4 height: