jQuery尺寸.位置操作

素颜马尾好姑娘i 2023-07-10 15:32 3阅读 0赞

## jQuery尺寸 ##

### **width( ) / height( )** ###

**获取元素的宽度和高度, 只算width / height**

### **innerWidth( ) / innerHeight( )** ###

**获取元素的宽度和高度, 包含padding**

### **outerWidth( ) / outerHeight( )** ###

**获取元素的宽度和高度 包含padding,border**

### **outerWidth( true ) / outerHeight( true )** ###

**获取元素的宽度和高度, 包含padding, border, margin**

案例

上面的这些方法  
注意点  
**不添加参数的时候 是获取相应的值,返回的是数字型  
如果添加参数, 是修改相应的值  
参数可以不带单位**

## jQuery位置 ##

## **offset( )** ##

**跟定位没有关系**

//不加参数就是获取
     console.log($('.box2').offset().top);
     //加参数就是设置
     console.log($('.box2').offset({ 
                top: 200,
                left: 300
            }));

**获取距离文档的位置(偏移),加参数就是修改值(偏移量)**

## **position( )** ##

**这个方法只能获取不能设置**

**获取与带有定位的父级的偏移量 如果父级没有定位,就以文档为准**

## **scrollTop/scrollLeft( )** ##

**获取元素被卷去的头部和左侧 (加参数就是设置)**

jQuery尺寸.位置操作

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关 jQuery基础之操作属性或文本及其样式位置尺寸的方法（重点，常用）

相关 jQuery学习笔记10-尺寸和位置设置

相关 jQuery：设置获取属性、遍历添加删除元素、尺寸、位置

相关 jQuery 尺寸

相关 jQuery 自学笔记（五）——— attr() 操作属性、prop() 操作布尔类型、尺寸和位置操作

相关 offset、client、scroll及jQuery的尺寸和位置问题

相关 jQuery尺寸.位置操作

相关 jQuery之属性操作、元素操作和元素尺寸位置操作

相关 jQuery基础02：属性操作 + 文本操作 + 元素操作 + 尺寸、位置操作

相关 jQuery 尺寸方法