jquery-css处理

jquery css处理,包括CSS,位置,尺寸等

一:CSS

使用 说明 例子
css(name|pro|[,val|fn]) 访问匹配元素的样式属性
$("p").css("color");
$("p").css("color","red");

 

二:位置

使用 说明 例子

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

回的对象包含两个整型属性:top 和 left,以像素计

$("p:last").offset({ top: 10, left: 30 });


offset().left 指定标签在html中的坐标
offset().top 指定标签在html中的坐标

 

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

返回的对象包含两个整型属性:top 和 left

 指定标签相对父标签(relative)标签的坐标
获取匹配元素相对滚动条顶部的偏移
var p = $("p:first");
$("p:last").text( "scrollTop:" + p.scrollTop() );

$(window).scrollTop() 获取
$(window).scrollTop(0) 设置

 获取匹配元素相对滚动条左侧的偏移  
var p = $("p:first");
$("p:last").text( "scrollLeft:" + p.scrollLeft() );
$("div.demo").scrollLeft(300);

三:尺寸

  • 使用
说明 例子
取得匹配元素当前计算的高度值(px)
$("p").height();
$("p").height(20);
 取得第一个匹配元素当前计算的宽度值(px)  
$("p").width();
$("p").width(20);

 获取第一个匹配元素内部区域高度

(包括补白、不包括边框)

 
var p = $("p:first");
$("p:last").text( "innerHeight:" + p.innerHeight() );
 获取第一个匹配元素内部区域宽度(包括补白、不包括边框)。  
var p = $("p:first");
$("p:last").text( "innerWidth:" + p.innerWidth() );

 获取第一个匹配元素外部高度(默认包括补白和边框)

设置为 true 时,计算边距在内

 

 获取第一个匹配元素外部宽度(默认包括补白和边框)

设置为 true 时,计算边距在内

 

posted on 2017-10-06 10:47  shisanjun  阅读(100)  评论(0编辑  收藏  举报

导航