jQuery 使用手册(三)


Posted in Javascript onSeptember 23, 2009

CSS操作

      传统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样式设为red
jQuery提供了以下方法,来操作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><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>

Javascript 相关文章推荐
Js setInterval与setTimeout(定时执行与循环执行)的代码(可以传入参数)
Jun 11 Javascript
jquery做的一个简单的屏幕锁定提示框
Mar 26 Javascript
使用node.js半年来总结的 10 条经验
Aug 18 Javascript
JavaScript中字符串(string)转json的2种方法
Jun 25 Javascript
又一款js时钟!transform实现时钟效果
Aug 15 Javascript
利用Node.js制作爬取大众点评的爬虫
Sep 22 Javascript
zTree树形插件异步加载方法详解
Jun 14 Javascript
clipboard.js在移动端复制失败的解决方法
Jun 13 Javascript
Vue Extends 扩展选项用法完整实例
Sep 17 Javascript
layui实现下拉复选功能的例子(包括数据的回显与上传)
Sep 24 Javascript
jQuery实现鼠标滑动切换图片
May 27 jQuery
微信小程序实现选择地址省市区三级联动
Jun 21 Javascript
jQuery 使用手册(二)
Sep 23 #Javascript
jQuery 使用手册(一)
Sep 23 #Javascript
JavaScript 变量命名规则
Sep 23 #Javascript
js 获取中文拼音,Select自动匹配字母获取值的代码
Sep 23 #Javascript
jquery ajax 登录验证实现代码
Sep 23 #Javascript
比较全面的event对像在IE与FF中的区别 推荐
Sep 21 #Javascript
javascript 必知必会之closure
Sep 21 #Javascript
You might like
解析php中的fopen()函数用打开文件模式说明
2013/06/20 PHP
Linux系统下php获得系统分区信息的方法
2015/03/30 PHP
js文件中调用js的实现方法小结
2009/10/23 Javascript
锋利的jQuery 要点归纳(三) jQuery中的事件和动画(上:事件篇)
2010/03/24 Javascript
js调用后台servlet方法实例
2013/06/09 Javascript
javascript教程之不完整的继承(js原型链)
2014/01/13 Javascript
js调用打印机打印网页字体总是缩小一号的解决方法
2014/01/24 Javascript
Json实现异步请求提交评论无需跳转其他页面
2014/10/11 Javascript
node.js中的fs.utimes方法使用说明
2014/12/15 Javascript
jquery简单实现带渐显效果的选项卡菜单代码
2015/09/01 Javascript
详解Node.js模块间共享数据库连接的方法
2016/05/24 Javascript
bootstrap+jQuery实现的动态进度条功能示例
2017/05/25 jQuery
Js实现京东无延迟菜单效果实例(demo)
2017/06/02 Javascript
Vue应用部署到服务器的正确方式
2017/07/15 Javascript
Node实战之不同环境下配置文件使用教程
2018/01/02 Javascript
webstrom Debug 调试vue项目的方法步骤
2018/07/17 Javascript
[02:28]DOTA2亚洲邀请赛 LGD战队巡礼
2015/02/03 DOTA
[56:41]2018DOTA2亚洲邀请赛 3.31 小组赛 A组 Newbee vs OG
2018/04/01 DOTA
Python任意字符串转16, 32, 64进制的方法
2019/06/12 Python
Python3 虚拟开发环境搭建过程(图文详解)
2020/01/06 Python
西班牙伏林航空公司:Vueling
2016/08/05 全球购物
英国折扣零售连锁店:QD Stores
2018/12/08 全球购物
劳动模范事迹材料
2014/01/19 职场文书
《孔子游春》教学反思
2014/02/25 职场文书
教师师德演讲稿
2014/05/06 职场文书
教师演讲稿大全
2014/05/16 职场文书
七夕活动策划方案
2014/08/16 职场文书
教育局党的群众路线教育实践活动整改方案
2014/09/20 职场文书
部门经理迟到检讨书
2015/02/16 职场文书
行政前台岗位职责
2015/04/16 职场文书
2015年酒店前台工作总结
2015/04/20 职场文书
农村党支部承诺书
2015/04/30 职场文书
《检阅》教学反思
2016/02/22 职场文书
2016春季运动会开幕词
2016/03/04 职场文书
超外差式晶体管收音机的组装与统调
2021/04/22 无线电
Java 垃圾回收超详细讲解记忆集和卡表
2022/04/08 Java/Android