jQuery基础教程:样式设置定义和元素位置
时间:2012-04-26 09:00:49
来源:80
点击:80 次
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")
设置某个元素的高度
本文作者来自天津求谛互动,转载请注明出处:求谛互动(http://qd218.com)选择天津网站建设公司-求谛互动,优质服务,绝对不容错过 !1. 优秀的网络资源,稳定的网站和速度保证(配送双线独立ip空间,国际A级BGP机房,99.5% 的主机在线时间)2. 7年天津网站建设经验,优秀的技术和设计水平,更放心3. 全程省心服务,不必担心自己不懂网络,更省心。------------------------------------------------------------------------------------------我们的与众不同之处:免费网络营销顾问:我们为您提供免费的网络营销顾问服务,您需要了解关于如何开展网络营销,电子商务,网站设计等的事宜,欢迎随时联系我们。seo友好的网站管理系统:除了优质的网站空间,网站管理系统,和网站设计外,我们的网站管理系统更是seo友好的,包括:自定义栏目名,Google Sitemap自动生成,静态页面生成等等,让您的网站。免费网络营销培训:如何更好的投放网络广告,如何提高网络广告的投资回报,如何发帖子,如何优化网站,我们有丰富的经验开放给您!祝君成功!联系我们:022-66351726