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 相关文章推荐
[原创]站长必须要知道的javascript广告代码
May 30 Javascript
JavaScript地图拖动功能SpryMap的简单实现
Jul 17 Javascript
js修改原型的属性使用介绍
Jan 26 Javascript
AngularJs解决跨域问题案例详解(简单方法)
May 19 Javascript
JS判断浏览器是否安装flash插件的简单方法
Sep 13 Javascript
ES6深入理解之“let”能替代”var“吗?
Jun 28 Javascript
Vue前端开发规范整理(推荐)
Apr 23 Javascript
关于微信小程序登录的那些事
Jan 08 Javascript
谈谈我在vue-cli3中用预渲染遇到的坑
Apr 22 Javascript
JavaScript中如何调用Java方法
Sep 16 Javascript
详解Vue3使用axios的配置教程
Apr 29 Vue.js
vue实现input输入模糊查询的三种方式
Aug 14 Vue.js
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
基于Snoopy的PHP近似完美获取网站编码的代码
2011/10/23 PHP
PHP调用C#开发的dll类库方法
2014/07/28 PHP
在Mac OS上编译安装Nginx+PHP+MariaDB开发环境的教程
2016/02/23 PHP
PHP线程的内存回收问题
2016/07/08 PHP
PHP生成随机密码4种方法及性能对比
2020/12/11 PHP
jQuery中文入门指南,翻译加实例,jQuery的起点教程
2007/01/13 Javascript
javascript Discuz代码中的msn聊天小功能
2008/05/25 Javascript
jquery的冒泡事件的阻止与允许(三种实现方法)
2013/02/01 Javascript
js获取IFRAME当前的URL的方法
2013/11/13 Javascript
js实现Select头像选择实时预览代码
2015/08/17 Javascript
js实现不重复导入的方法
2016/03/02 Javascript
Bootstrap滚动监听(Scrollspy)插件详解
2016/04/26 Javascript
Bootstrap中的Dropdown下拉菜单更改为悬停(hover)触发
2016/08/31 Javascript
浅谈jquery之on()绑定事件和off()解除绑定事件
2016/10/26 Javascript
解决vue-router中的query动态传参问题
2018/03/20 Javascript
[01:15:36]加油刀塔第二期网络版
2014/08/09 DOTA
python批量添加zabbix Screens的两个脚本分享
2017/01/16 Python
教你学会使用Python正则表达式
2017/09/07 Python
python select.select模块通信全过程解析
2017/09/20 Python
python爬虫系列Selenium定向爬取虎扑篮球图片详解
2017/11/15 Python
python实现雪花飘落效果实例讲解
2019/06/18 Python
使用python爬取抖音视频列表信息
2019/07/15 Python
Python While循环语句实例演示及原理解析
2020/01/03 Python
python pptx复制指定页的ppt教程
2020/02/14 Python
css3绘制百度的小度熊
2018/10/29 HTML / CSS
美国在线珠宝商店:SZUL
2017/02/11 全球购物
美体小铺印度官网:The Body Shop印度
2019/10/17 全球购物
新学期决心书
2014/03/11 职场文书
员工入职担保书范文
2014/04/01 职场文书
教师求职信怎么写
2015/03/20 职场文书
2015小学语文教师个人工作总结
2015/05/20 职场文书
红色经典观后感
2015/06/18 职场文书
幼儿园开学报名通知
2015/07/16 职场文书
学术会议领导致辞
2015/07/29 职场文书
如何写好活动总结
2019/06/21 职场文书
java多态注意项小结
2021/10/16 Java/Android