返回
首页
业界
电商
创业
访谈
手机
移动
报告
运营
建站
互联网+
系统
教程
搜索

从零开始学习jQuery (四) jQuery中操作元素的属性与样式

2020-05-22 17:07:03易采站长站整理


但是很多的计算位置的方法存在着浏览器兼容性问题,  jQuery中为我们提供了位置相关的各个函数:






























名称说明举例
offset( )

获取匹配元素在当前窗口的相对偏移。


返回的对象包含两个整形属性：top 和 left。此方法只对可见元素有效。

获取第二段的偏移:
var p = $(“p:last”);
var offset = p.offset();
p.html( “left: ” + offset.left + “, top: ” + offset.top );
position( )

获取匹配元素相对父元素的偏移。


返回的对象包含两个整形属性：top 和 left。为精确计算结果，请在补白、边框和填充属性上使用像素单位。此方法只对可见元素有效。

获取第一段的偏移:
var p = $(“p:first”);
var position = p.position();
$(“p:last”).html( “left: ” + position.left + “, top: ” + position.top );
scrollTop( )

获取匹配元素相对滚动条顶部的偏移。


此方法对可见和隐藏元素均有效。

获取第一段相对滚动条顶部的偏移:
var p = $(“p:first”);
$(“p:last”).text( “scrollTop:” + p.scrollTop() );
scrollTop( val )

传递参数值时，设置垂直滚动条顶部偏移为该值。


此方法对可见和隐藏元素均有效。

设定垂直滚动条值: 
$(“div.demo”).scrollTop(300);
scrollLeft( )

获取匹配元素相对滚动条左侧的偏移。


此方法对可见和隐藏元素均有效。

获取第一段相对滚动条左侧的偏移:
var p = $(“p:first”);
$(“p:last”).text( “scrollLeft:” + p.scrollLeft() );
scrollLeft( val )

传递参数值时，设置水平滚动条左侧偏移为该值。


此方法对可见和隐藏元素均有效。

相关文章 大家在看