js进阶 11-6  jquery如何获取和设置元素的宽高（jquery多方法）

一、总结

一句话总结：jquery里面多是方法啊，比如jquery对象的宽高。所以取值是方法，赋值就是方法里面带参数。

 

1、百度富文本编辑器ueditor如何设置宽高？

jquery对象的width()和height()方法

37             $('#btn2').click(function(){ 38 $("#div1").width(50) 39 $('#div1').height(50) 40 })

 

2、juqery对象的宽高对应的三个方法是什么，分别表示什么意思？

元素的宽度高度

1. width() 方法设置或返回元素的宽度（不包括内边距、边框或外边距）。
2. innerWidth() 方法返回元素的宽度（包括内边距）
3. outerWidth() 方法返回元素的宽度（包括内边距和边框）
4. height()、innerHeight()、outerHeight()与宽度类似

 

3、juqery对象如何设置一个表示全副武装的宽度（包括相关的一切）？

outerWidth()方法加true参数

34             //outerWidth()    width + padding + border+margin35                 alert($("#div1").outerWidth(true))

 

4、juqery对象的innerWidth()方法包括的是哪个边距？

内边距  padding

 

5、jquery的匿名函数中的index参数表示什么意思？

因为jquery对象多是集合，所以index就是表示所选元素的下标

43                 $("#main div").width(function(index,oldWidth){ 44 //alert(index) 45 return oldWidth*(index+1)/5 46 })

 

 

二、jquery如何获取和设置元素的宽高

1、相关知识

元素的宽度高度

1. width() 方法设置或返回元素的宽度（不包括内边距、边框或外边距）。
2. innerWidth() 方法返回元素的宽度（包括内边距）
3. outerWidth() 方法返回元素的宽度（包括内边距和边框）
4. height()、innerHeight()、outerHeight()与宽度类似

 

 

2、代码

1  2  3  5  6     
      7      8      9     15 16 17 18     
     
      19         
      
20         
      
21         
      
22     
     
23     24         25     26     50 51