jQuery 使用手冊(cè)(三)

2019-11-21 01:07:27

字體：大中小

供稿：網(wǎng)友

三：CSS操作

      傳統(tǒng)javascript對(duì)css的操作相當(dāng)繁瑣，比如<div id="a" style="background:blue">css</div>取它的background語法是 document.getElementById("a").style.background，而jQuery對(duì)css更方便的操作，$("#a").background()，$("#a").background(“red”)
$("#a")得到j(luò)Query對(duì)象[ <div id="a" … /div> ]
$("#a").background()將取出該對(duì)象的background樣式。
$("#a").background(“red”)將該對(duì)象的background樣式設(shè)為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是一個(gè)hash對(duì)象，用于設(shè)置大量的css樣式
$("#b").css({ color: "red", background: "blue" });
最終效果是<p id="b" style="background:blue; color:red">test</p>,{ color: "red", background: "blue" }，hash對(duì)象，color為key，"red"為value，

css(key, value) 用于設(shè)置一個(gè)單獨(dú)得css樣式
$("#b").css("color","red");最終效果是<p id="b" style="color:red">test</p>

上一篇：jQuery 使用手冊(cè)(四)

下一篇：jQuery 使用手冊(cè)(二)