jQuery 使用手册(三)

2016-02-19 13:56 1 1 收藏

下面是个jQuery 使用手册(三)教程,撑握了其技术要点,学起来就简单多了。赶紧跟着图老师小编一起来看看吧!

【 tulaoshi.com - Web开发 】

jQuery 使用手册,大家可以耐心的看完,就基本上入门了。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

: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),其他的看名字都知道什么作用了!

div id="a" style="background:blue; color:red"css/divP 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

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

来源:https://www.tulaoshi.com/n/20160219/1605695.html

延伸阅读
FreeBSD 使用手册 http://www.freebsd.org.cn/snap/doc/zh_CN.GB2312/books/handbook/index.html 目前最为权威、内容最全的FreeBSD用户手册,适合各类学习freeBSD阶段的人, 欢迎加入freeBSD学习的行列当中来............... 在chinaunix.net上的手册中心中有更多的不同内容BSD的用户使用手册‘ chinaunix.net的手册中心
wget是一个从网络上自动下载文件的自由工具。它支持HTTP,HTTPS和FTP协议,可以使用HTTP代理. 所谓的自动下载是指,wget可以在用户退出系统的之后在后台执行。这意味这你可以登录系统,启动一个wget下载任务,然后退出系统,wget将在后台执行直到任务完成,相对于其它大部分浏览器在下载大量数据时需要用户一直的参与,这省去了极大的麻烦。 w...
标签: 网络游戏
《神话》宝石使用手册   宝石雕琢 通过洛阳(918,1052)的NPC宝石工匠多宝道人对话,选择“宝石雕琢”进入宝石雕琢功能界面,将宝石与雕琢符及需要雕琢的宝石拖入界面中即可实现功能。 纯净精华宝石 纯净守护宝石 宝石合成 宝石镶嵌 宝石摘除 《世界传说:光明神话3》系列人物介绍5...
标签: Web开发
作者:norika 整理日期:2004年6月17日 基本介绍: showModalDialog() (IE 4+ 支持) showModelessDialog() (IE 5+ 支持) window.showModalDialog()方法用来创建一个显示HTML内容的模态对话框。 window.showModelessDialog()方法用来创建一个显示HTML内容的非模态对话框。 使用方法: vReturnValue&...
标签: 电脑入门
还在为视频不能转换格式而烦恼吗?先如今,已出现各种视频转换工具为网民们解决了这一问题。那么视频转换工具下载后该如何使用呢?今日,图老师小编便以MKV转换精灵为例,详细为大家介绍下MKV转换精灵使用方法。 MKV转换精灵 拥有强大的视频转换功能,支持几乎所有的视频格式,如  RM、RMVB、VOB、DAT、VCD、MPG、SVCD、ASF、MOV、QT、...