jquery访问设置CSS样式2
jquery第十四课jqueryCss文档样式处理,包括读取,设置css样式;对于对象所处于窗口位置的访问设置;对于对象自身大小,内外部宽高等访问设置.
参考共用代码
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>jquery设置CSS样式</TITLE>
<script language="javascript" src="jquery-1.4.2.min.js"></script>
<style>
.www {height:100px;background-Color:#ff0;}
.forasp {height:50px;}
.cn {height:80px;}
</style>
<SCRIPT language="javascript">
$(function(){
<!--jquery文档处理代码区-->
});
</SCRIPT>
<BODY>
<div id="1" class="www"></div><div id="2"></div><div id="3"></div>
</BODY>
</HTML>
2.对象位置的操作.
(6).scrollLeft();获取匹配元素相对滚动条左侧的偏移。此方法对可见和隐藏元素均有效。
jquery实例:$("#1").scrollLeft(); 返回0
(7).scrollLeft(val);传递参数值时，设置水平滚动条左侧偏移为该值。此方法对可见和隐藏元素均有效
3.获取设置对象的尺寸大小
(1).height();取得第一个匹配元素当前计算的高度值（px）。
jquery实例:$(document).height();获取文档高度,$(window).height();获取窗口高度.$("div:first").height();获取第一个div的高度100
(2).height(val);每个匹配的元素设置CSS高度(hidth)属性的值。如果没有明确指定单位（如：em或%），使用px.其中的val可以是String, Number, Function设定CSS中 'height' 的值，可以是字符串或者数字，还可以是一个函数，返回要设置的数值。函数接受两个参数，第一个参数是元素在原先集合中的索引位置，第二个参数为原先的高度。
jquery实例:$("div:first").height(200);这样就设置了第一个div的高度
(3).width();取得第一个匹配元素当前计算的宽度值（px）。 跟height一样.
(4).width(val);为每个匹配的元素设置CSS宽度(width)属性的值.跟height(val)一样
(5).innerHeight();获取第一个匹配元素内部区域高度（包括补白、不包括边框）。
jquery实例:$("div:first").innerHeight();获取第一个div的内部高度不包括,边框和补白
(6).innerWidth();获取第一个匹配元素内部区域宽度（包括补白、不包括边框）。同上
(7).outerHeight(options);获取第一个匹配元素外部高度（默认包括补白和边框）。此方法对可见和隐藏元素均有效。options可以为true也可以为空,设置为 true 时，计算边距在内
(8).outerWidth(options);获取第一个匹配元素外部宽度（默认包括补白和边框）。此方法对可见和隐藏元素均有效。options可以为true也可以为空,设置为 true 时，计算边距在内
jquery样式操作就完毕了.