JQUERY学习之:CSS操作
来源:互联网 发布:林丹谢杏芳感情知乎 编辑:程序博客网 时间:2024/06/15 15:25
传统javascript对css的操作相当繁琐,比如<divid="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>
- JQUERY学习之:CSS操作
- JQuery学习笔记之操作CSS
- jQuery之css操作
- jQuery学习--jQuery CSS 操作
- jQuery学习笔记之五----基础DOM和CSS操作
- jQuery学习笔记之基础DOM和CSS操作
- jQuery使用手册之CSS操作
- jQuery学习之七---CSS
- w3school学习7-jQuery CSS 操作
- Jquery学习--HTML和CSS操作
- Jquery学习--HTML和CSS操作
- jQuery基础学习(4)(操作 CSS)
- jQuery学习五-DOM和CSS操作
- 知识学习——jQuery CSS操作
- css学习之图片操作
- jquery学习之DOM操作
- JQuery学习笔记-JQuery的CSS DOM操作
- jQuery再学习之三、jQuery操作
- eclipse中修改svn的用户名和密码
- Flex中遇到“1000: 对 setStyle 的引用有歧义。”的解决方法
- 使用javah和javap得到JNI接口的签名
- 设置Chroot Jail
- VS_VERSION_INFO相关
- JQUERY学习之:CSS操作
- 在MFC下如何定义全局变量和全局函数
- redhat 默认图形界面登录方式改为默认命令行界面登录方式
- css sprite原理优缺点及使用
- Linux下pc/sc接口的实现
- PKI证书格式比较
- VC++中出现的Error Spawning Cl.exe问题的解决方法
- 如何让red hat Linux中root用户无法从图形界面登陆
- 关于兼容dc 兼容bmp(用来得到dc数值)