jQuery基础教程:样式设置定义和元素位置
http://www.itjxue.com 2015-08-06 23:01 来源:未知 点击次数:
样式设置：
$("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")
设置某个元素的高度