jQuery 使用手册(三)
更新时间：2009年09月23日 17:29:57 作者：
jQuery 使用手册，大家可以耐心的看完，就基本上入门了。
三：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样式设为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" });
最终效果是<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对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>
相关文章
基于jquery & json的省市区联动代码，需要的朋友可以参考下2012-06-06
jQuery源码分析-03构造jQuery对象-工具函数，需要的朋友可以参考下。2011-11-11
这篇文章主要给大家介绍了关于jquery动态赋值id与动态取id的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面跟着小编来一起学习学习吧。2017-08-08
有时候我们需要得到浏览器窗口内容部分的高度，而不是整个窗口的高度。我试了下JQuery下的window对象，似乎读的正是内容部分，有点意外，不过恰好满足了我们的要求2012-02-02
用户输入一个表单，输入准考证和验证码，验证用户是否输入表单，点击查询提交，然后从服务器得到返回的数据并显示出来2012-10-10
这篇文章主要介绍了Jquery实现动态切换图片的方法,涉及jQuery页面元素操作及链式操作的相关技巧,需要的朋友可以参考下2015-05-05
这篇文章主要介绍了jQuery循环动画与获取组件尺寸的方法,实例分析了animate用法及组件的操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-02-02
轻松学习jQuery插件EasyUI EasyUI实现拖放商品放置购物车
这篇文章主要帮助大家轻松学习EasyUI实现拖放商品放置购物车的功能，购物篮中的物品和价格也将进行更新，感兴趣的小伙伴们可以参考一下2015-11-11
本文给大家展示50个jquery代码片段，这些代码能够给你的javascript项目提供帮助，需要的朋友快来学习一下吧2015-08-08
这篇文章主要介绍了jQuery入门之层次选择器用法,以简单实例形式分析了jQuery层次选择器中ancestor descendant与parent>child的区别,需要的朋友可以参考下2015-12-12
最新评论