您现在的位置:首页 > 新闻中心
深圳网站建设教你如何使用jQuery之三----CSS操作
发布时间:2014-05-09      发布人:深圳网站建设

传统javascript对css的操作相当繁琐,取一个div的背景要写很多代码!比如

css
取它的background语法是 document.getElementById("a").style.background,而jQuery对css更方便的操作,$("#a").background(),$("#a").background(“red”)
$("#a")得到jQuery对象[
]


$("#a").background()将取出该对象的background样式。
$("#a").background(“red”)将该对象的background样式设为redjQuery提供了以下方法,来操作css
background ()   background (val)     color()    color(val)     css(name)    css(prop)   
css(key, value)      float()   float(val)   height()   height(val)  width()  width(val) 
left()   left(val)       overflow()   overflow(val)   position()   position(val)  top()   top(val)
 
这里需要讲解一下css(name)  css(prop)  css(key, value),其他的看名字都知道什么作用了!

深圳网站建设

深圳网站设计


 
css(name)  获取样式名为name的样式
$("#a").css("color") 将得到样式中color值red,("#a").css("background ")将得到blue


css(prop)  prop是一个hash对象,用于设置大量的css样式
$("#b").css({ color: "red", background: "blue" });

最终效果是

test

,{ color: "red", background: "blue" },hash对象,color为key,"red"为value,
 


css(key, value)  用于设置一个单独得css样式
$("#b").css("color","red");最终效果是

深圳网站设计


 

待续!

网站关键字:深圳网站建设 | 深圳网站改版 | 深圳网页设计 | 深圳包装设计公司 | 深圳广告设计公司 | 深圳平面设计公司 | HTML地图 | XML地图
友情链接:全球设计导航网 | 济南网站建设 | 鼎力淘宝小号 | 石家庄建站 | 宁波网站建设 | 企业模板建站
Copyright ©2014 seawe.net. All Rights Reserved. 深圳西威广告设计有限公司版权所有 粤ICP备14021186号   

QQ在线客服

  • 在线咨询
  • 客服001
  • 客服001

服务热线

  • 13410030062
  • 0755-28608079