jquery-css处理

发布时间：2023-09-06 01:15责任编辑：沈小雨关键词：暂无标签

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

一：CSS

使用说明例子

css(name|pro|[,val|fn])

访问匹配元素的样式属性

$("p").css("color");

$("p").css("color","red");

二：位置

使用	说明	例子
offset([coordinates])	获取匹配元素在当前视口的相对偏移回的对象包含两个整型属性：top 和 left，以像素计	`$("p:last").offset({ top: 10, left: 30 });` offset().left ????????????????指定标签在html中的坐标 offset().top ?????????????????指定标签在html中的坐标
position()	获取匹配元素相对父元素的偏移返回的对象包含两个整型属性：top 和 left	指定标签相对父标签(relative)标签的坐标
scrollTop([val])	获取匹配元素相对滚动条顶部的偏移	`var p = $("p:first");$("p:last").text( "scrollTop:" + p.scrollTop() );` $(window).scrollTop() 获取 $(window).scrollTop(0) 设置
scrollLeft([val])	获取匹配元素相对滚动条左侧的偏移	`var p = $("p:first");$("p:last").text( "scrollLeft:" + p.scrollLeft() );` `$("div.demo").scrollLeft(300);`

三:尺寸

使用	说明	例子
height([val\|fn])	取得匹配元素当前计算的高度值（px）	`$("p").height();` `$("p").height(20);`
width([val\|fn])	取得第一个匹配元素当前计算的宽度值（px）	`$("p").width();` `$("p").width(20);`
innerHeight()	获取第一个匹配元素内部区域高度（包括补白、不包括边框）	`var p = $("p:first");$("p:last").text( "innerHeight:" + p.innerHeight() );`
innerWidth()	获取第一个匹配元素内部区域宽度（包括补白、不包括边框）。	`var p = $("p:first");$("p:last").text( "innerWidth:" + p.innerWidth() );`
outerHeight([soptions])	获取第一个匹配元素外部高度（默认包括补白和边框）设置为 true 时，计算边距在内
outerWidth([options])	获取第一个匹配元素外部宽度（默认包括补白和边框）设置为 true 时，计算边距在内

jquery-css处理

原文地址：http://www.cnblogs.com/lixiang1013/p/7631178.html