浅谈jQuery的偏移()方法和实例共享

浅谈jQuery的偏移()方法和实例共享
偏移()法的定义和用法:

此方法返回或设置与文档对象相对应的匹配元素的偏移量。

语法结构1:

$(选择器)。

获取当前文档中匹配元素的相对偏移量。

返回的对象包含两个整数属:顶和左。

此方法只对可见元素有效。

实例代码:
* {
保证金:0px;
填料:0px;
}
父亲{。
border: 1px solid黑;
宽度:400px;
身高:300px;
填料:10px;
保证金:50px;
}
孩子{。
身高:150px;
宽度:200px;
左:50px保证金;
背景颜色:绿色;
}
$(文档)Ready(函数(){)
$(按钮)。Click(函数(){)
a = $();
警报(元素的偏移坐标是:+ a.top +|不再+ + );
})
})

获取元素的坐标

上面的代码可以弹出子div相对于文档的偏移量。

语法结构二:

$(选择器)。偏移量(值)
设置匹配元素相对于文档对象的坐标。

偏移()方法允许我们重置元素的位置,这个元素的位置相对于文档对象。

如果对象的原始位置样式属性是静态的,它将被更改为相对位置以便重新定位。

参数列表:

参数描述

值指定像素的顶部和左侧坐标。
可能的值:
1。值对,如{顶部:200,左:10 }。

2。具有左上和右属性的。
实例代码:
父亲{。
border: 1px solid黑;
宽度:400px;
身高:300px;
}
孩子{。
身高:150px;
宽度:200px;
背景颜色:绿色;
}
$(文档)Ready(函数(){)
$(按钮)。Click(函数(){)
$(.)。偏移量({顶部:100,左:100 })
})
})

单击设置偏移

上面的代码可以设置div相对于文档的偏移量。

语法结构三:

使用函数的返回值设置偏移坐标:

$(选择器)。偏移(函数(指数,oldoffset))

参数列表:

参数描述

(指数函数、属性的旧值)指定函数返回新的偏移选中元素的坐标:

索引-可选的。元素的索引。

Oldvalue - optional.The current coordinates.
实例代码:

父亲{。
border: 1px solid黑;
宽度:400px;
身高:300px;
}
孩子{。
身高:150px;
宽度:200px;
背景颜色:绿色;
}
$(文档)Ready(函数(){)
$(按钮)。Click(函数(){)
$(。)偏移量(函数(a,b){)
VaR新=新对象();
新b.top = + 50;
新b.left +左= 50;
返回新;
})
})
})

单击设置偏移

上面的代码也可以设置元素的偏移量,但是这个值是由函数返回的。

以上是本文的全部内容,希望大家能喜欢。

tag:方法浅谈实例电脑软件jquery

相关内容