1.css
取得p的颜色：$(document).ready(function(){ var p= $("p").css("color"); alert(p);});设置段落字体的颜色为红色：$(document).ready(function(){ $("p").css("color","red");});设置段落字体的颜色为红色并且背景色为蓝色：$(document).ready(function(){ $("p").css({color:"red",background:"blue"});});<body>
<div>test1</div><div id="d" >test2</div> <input type="text" value="文本框" /> <input type="submit" /> <p>p</p></body>2.位置
offset() 获取匹配元素在当前视口的相对偏移。返回的对象包含两个整型属性：top 和 left。此方法只对可见元素有效。 获取p2段落的位置： $(document).ready(function(){ var p=$("p:last"); p.html( "left: " + p.offset().left + ", top: " + p.offset().top );});设置p2段落的位置：$(document).ready(function(){ $("p:last").offset({top:150,left:20});});position()获取匹配元素相对父元素的偏移。返回的对象包含两个整型属性：top 和 left。
获取第一段相对第二段的位置偏移：$(document).ready(function(){ var p=$("p:first"); $("p:last").html("left:"+p.position().left+",top:"+p.position().top);}); scrollTop()获取匹配元素相对滚动条顶部的偏移获取第一段相对滚动条顶部的偏移$(document).ready(function(){ var p=$("p:first"); $("p:last").text("scrollTop:"+p.scrollTop());});scrollLeft() 获取匹配元素相对滚动条左侧的偏移。<body>
<div>test1</div><div id="d" >test2</div> <input type="text" value="文本框" /> <p>p1</p> <p>p2</p></body>3.尺寸
height()获取、设置元素高度,width()获取、设置元素的宽度
$(document).ready(function(){ $("p:last").text( "p2高度为："+$("p:last").height()); });设置p2的高度：$(document).ready(function(){ $("p:last").height(30);});innerHeight()元素内部区域高度（包括补白、不包括边框）。innerWidth（）元素内部区域宽度（包括补白、不包括边框）。
$(document).ready(function(){ var p = $("p:first"); $("p:last").text( "innerHeight:" + p.innerHeight() ); }); outerHeight()获取匹配元素外部高度（默认包括补白和边框）。outerWidth()获取匹配元素外部宽度（默认包括补白和边框）。$(document).ready(function(){ var p = $("p:first"); $("p:last").text( "outerWidth:" + p.outerWidth() );});