jQuery 使用手冊(cè)(三)
更新時(shí)間：2009年09月23日 17:29:57 作者：
jQuery 使用手冊(cè)，大家可以耐心的看完，就基本上入門了。
三：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>
傳統(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)，其他的看名字都知道什么作用了！
<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是一個(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>
相關(guān)文章
下面小編就為大家?guī)硪黄猲oty – jQuery通知插件全面解析。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-05-05
jQuery根據(jù)ID、CLASS、等獲取對(duì)象的實(shí)例
下面小編就為大家?guī)硪黄猨Query根據(jù)ID、CLASS、等獲取對(duì)象的實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-12-12
這篇文章主要為大家詳細(xì)介紹了最實(shí)用的jQuery分頁(yè)插件,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-10-10
JQuery each()函數(shù)如何優(yōu)化循環(huán)DOM結(jié)構(gòu)的性能
each()方法能使DOM循環(huán)結(jié)構(gòu)簡(jiǎn)潔，不容易出錯(cuò)。each()函數(shù)封裝了十分強(qiáng)大的遍歷功能，使用也很方便，它可以遍歷一維數(shù)組、多維數(shù)組、DOM, JSON 等等在javaScript開發(fā)過程中使用$each可以大大的減輕我們的工作量2012-12-12
淺談jquery采用attr修改form表單enctype不起作用的問題
下面小編就為大家?guī)硪黄獪\談jquery采用attr修改form表單enctype不起作用的問題。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-11-11
jquery $(document).ready() 與window.onload的區(qū)別
Jquery中$(document).ready()的作用類似于傳統(tǒng)JavaScript中的window.onload方法，不過與window.onload方法還是有區(qū)別的。2009-12-12
這篇文章主要介紹了jQuery操作DOM之獲取表單控件的值,實(shí)例分析了jQuery獲取表單控件值的方法,需要的朋友可以參考下2015-01-01
用jquery實(shí)現(xiàn)學(xué)校的校歷(asp.net+jquery ui 1.72)
學(xué)校日歷有以下幾個(gè)特點(diǎn)：1顯示本周是本學(xué)期的第幾周；2顯示今日事件；3特殊顯示有事件的日期，點(diǎn)擊該日期顯示本日事件。2010-01-01
jquery在項(xiàng)目中做復(fù)選框時(shí)遇到的一些問題筆記
在實(shí)踐中還是遇到了很多的問題，注意在input的checkbox中，用普通的attr屬性來判斷是不可以的，因?yàn)閏hecked的值是checked，因此做個(gè)筆記2013-11-11
一步步教大家編寫酷炫的導(dǎo)航欄js+css實(shí)現(xiàn)
一步步教大家編寫酷炫的導(dǎo)航欄，js+css實(shí)現(xiàn)黑色經(jīng)典導(dǎo)航欄，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-03-03