jquery-css处理

时间：2023-03-09 22:32:35
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 时，计算边距在内

  

相关文章