jQuery 使用手册(三)

禹众不同丶

禹众不同丶

2016-02-19 13:56

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

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

(本文来源于图老师网站,更多请访问https://m.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://m.tulaoshi.com/webkaifa/)
展开更多 50%)
分享

猜你喜欢

jQuery 使用手册(三)

Web开发
jQuery 使用手册(三)

jQuery 使用手册(一)

Web开发
jQuery 使用手册(一)

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

JQuery autocomplete 使用手册

Web开发
JQuery autocomplete 使用手册

jQuery使用手册(七)

Web开发
jQuery使用手册(七)

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

jQuery 使用手册(五)

Web开发
jQuery 使用手册(五)

jQuery 使用手册(四)

Web开发
jQuery 使用手册(四)

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

登入oracle程序的ip address

登入oracle程序的ip address

假装什么伤都没有 - QQ伤感分组

假装什么伤都没有 - QQ伤感分组
下拉加载更多内容 ↓