jQuery基础教程:样式设置定义和元素位置

样式设置：
$("Element").addClass("Class")

获得选定元素的HTML代码,假如定义了一个类样式叫做.main{.....}，那么可以为p元素这么添加$("p").addClass("main")

$("Element").removeClass("Class")

与上述一样，addClass("main")表示添加样式，此方法则是移除main样式

$("Element").toggleClass("Class")

这个可以算是前两个方法的一个综合。简单来说就是：如果存在（不存在）就删除（添加）一个类。

样式定义：
$("Element").css("name")

表示获得某个元素的css样式，比如$("div").css("color")表示获得此div的字体颜色。

$("Element").css(name,value)

name表示属性名称，value表示值。如果为所有的div设置字体颜色为#f00的话，只需要$("div").css("color","#f00");

$("Element").css({name:"value",name:"value",......})

此方法是为了能够对元素一次性设置多个样式属性，比如我想对所有的p设置字体颜色是红色并且背景颜色是绿色，就用到了此方法$("p").css({color: "#f00", background: "#0f0"}); 当然中括号中项设置几个就设置几个

元素位置：
$("Element").offset()

此方法返回两个整形属性，分别是top和left，此方法只对可见元素有效。

元素宽高：

$("Element").width()

获得某个元素的宽度

$("Element").width("val")

设置某个元素的宽度

$("Element").height()

获得某个元素高度

$("Element").height("val")

设置某个元素的高度