传统javascript对css的操作相当繁琐,比如<div id="a" style="background:blue">css</div>取它的background语法是 document.getElementById("a").style.background,而jQuery对css更方便的操作,$("#a").background(),$("#a").background(“red”)
$("#a")得到jQuery对象[ <div id="a" … /div> ]
$("#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),其他的看名字都知道什么作用了! <div id="a" style="background:blue; color:red">css</div><P id="b">test</P>
css(name) 获取样式名为name的样式
$("#a").css("color") 将得到样式中color值red,("#a").css("background ")将得到blue
css(prop) prop是一个hash对象,用于设置大量的css样式
$("#b").css({ color: "red", background: "blue" });
最终效果是<p id="b" style="background:blue; color:red">test</p>,{ color: "red", background: "blue" },hash对象,color为key,"red"为value,
css(key, value) 用于设置一个单独得css样式
$("#b").css("color","red");最终效果是<p id="b" style="color:red">test</p>
分享到:
- 2008-01-15 19:26
- 浏览 1467
- 评论(3)
- 论坛回复 / 浏览 (2 / 3862)
- 查看更多
相关推荐
说明:本人用了一下午时间才整理出来的,好累,晚饭都没顾上吃,故此,...本手册从以下几个内容来讲解jQuery的使用: 1:核心部分 2:DOM操作 3:css操作 4:javascript处理 5:动态效果 6:event事件 7:ajax支持 8:插件程序
jQuery使用手册之三 CSS操作
editplus html5 css3 JQuery 语法文件 html5 css3.0 jQueryAPI手册
jQuery使用手册 1:核心部分 2:DOM操作 3:css操作 4:javascript处理 5:动态效果 6:event事件 7:ajax支持 8:插件程序 [说明:资料来源于网络]
jquery&css手册:是ajax web开发,基于jquery框架的程序员必备资料。
jQuery 3.1 参考手册
†jQuery是一款同prototype一样优秀js开发库类,特别是对css和XPath的支持,使我们写js变得更加方便!如果你不是个js高手又 想写出优 秀的js效果,jQuery可以 帮你达到目的!大家可以看看有keel翻译的jQuery入门
jQuery是一款同prototype一样优秀js开发库类,特别是对css和XPath的...本手册从以下几个内容来讲解jQuery的使用: 1:核心部分 2:DOM操作 3:css操作 4:javascript处理 5:动态效果 6:event事件 7:ajax支持 8:插件程序
js手册、jquery手册、dhtml手册网页制作完全手册 chm版本动态HTML (DHTML) 对象模型参考 HTML 参考样式表(CSS)参考动态HTML (DHTML) 对象模型参考DHTML 对象 DHTML 属性 DHTML 方法 DHTML 事件
PHP中文手册 MySQL中文手册 Apache中文手册 CSS2.0中文手册 CSS完全参考手册3.0 CSS_handbook_v1.10.exe JavaScript中文手册 Perl中文手册 jQuery中文手册
各种版本手册: 《SQL_参考手册》中文版_.chm css2.0中文手册.chm css3.0参考手册.chm CSS4.0中文参考手册.chm jquery1.7.2中文手册.chm jquery1.8.2_20121105.chm jQuery-1.9.1.chm
自己收集整理的手册JQuery+CSS3手册chm,都是最新的手册和工具,提供大家学习使用
html5+css3+jquery手册方便大家学习和使用。
《JavaScript和jQuery实战手册》:第1版不仅在市场上取得了良好的销售成绩,而且获得了读者极佳的口碑,在JavaScript编程领域独树一帜!第2版结合JavaScript和jQuery最新技术,对全书内容进行了更新和优化,使之在...
整理很久的全网详细前端开发参考手册(共9套),用chm格式整理的中文版,方便 速查查阅。目录如下: CSS参考手册.chm CSS滤镜参考手册.chm CSS属性参考手册.pdf ...jQuery参考手册.chm 程序员必备手册。
基于JQuery的插件LigerUI,用于前端快速开发平台,包含文档和源码