建站学 - 轻松建站从此开始!

建站学-个人建站指南,网页制作,网站设计,网站制作教程

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

时间:2012-04-29 14:08来源: 作者: 点击:
样式设置: $("Element").addClass("Class") 获得选定元素的HTML代码,假如定义了一个类样式叫做.main{.....},那么可以为p元素这么添加$("p").addClass("main") $("Element").removeClass("Class") 与上述一样
样式设置:
$("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")
设置某个元素的高度

 

(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片