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 <