jQuery 使用手冊(三)
更新時間：2009年09月23日 17:29:57 作者：
jQuery 使用手冊，大家可以耐心的看完，就基本上入門了。
三：CSS操作
傳統(tǒng)javascript對css的操作相當(dāng)繁瑣，比如<div id="a" style="background:blue">css</div>取它的background語法是 document.getElementById("a").style.background，而jQuery對css更方便的操作，$("#a").background()，$("#a").background(“red”)
$("#a")得到j(luò)Query對象[ <div id="a" … /div> ]
$("#a").background()將取出該對象的background樣式。
$("#a").background(“red”)將該對象的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是一個hash對象，用于設(shè)置大量的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) 用于設(shè)置一個單獨得css樣式
$("#b").css("color","red");最終效果是<p id="b" style="color:red">test</p>
傳統(tǒng)javascript對css的操作相當(dāng)繁瑣，比如<div id="a" style="background:blue">css</div>取它的background語法是 document.getElementById("a").style.background，而jQuery對css更方便的操作，$("#a").background()，$("#a").background(“red”)
$("#a")得到j(luò)Query對象[ <div id="a" … /div> ]
$("#a").background()將取出該對象的background樣式。
$("#a").background(“red”)將該對象的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是一個hash對象，用于設(shè)置大量的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) 用于設(shè)置一個單獨得css樣式
$("#b").css("color","red");最終效果是<p id="b" style="color:red">test</p>
相關(guān)文章
基于jquery & json的省市區(qū)聯(lián)動代碼
基于jquery & json的省市區(qū)聯(lián)動代碼，需要的朋友可以參考下2012-06-06
jQuery源碼分析-03構(gòu)造jQuery對象-工具函數(shù)
jQuery源碼分析-03構(gòu)造jQuery對象-工具函數(shù)，需要的朋友可以參考下。2011-11-11
jquery動態(tài)賦值id與動態(tài)取id方法示例
這篇文章主要給大家介紹了關(guān)于jquery動態(tài)賦值id與動態(tài)取id的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面跟著小編來一起學(xué)習(xí)學(xué)習(xí)吧。2017-08-08
有時候我們需要得到瀏覽器窗口內(nèi)容部分的高度，而不是整個窗口的高度。我試了下JQuery下的window對象，似乎讀的正是內(nèi)容部分，有點意外，不過恰好滿足了我們的要求2012-02-02
用戶輸入一個表單，輸入準(zhǔn)考證和驗證碼，驗證用戶是否輸入表單，點擊查詢提交，然后從服務(wù)器得到返回的數(shù)據(jù)并顯示出來2012-10-10
這篇文章主要介紹了Jquery實現(xiàn)動態(tài)切換圖片的方法,涉及jQuery頁面元素操作及鏈?zhǔn)讲僮鞯南嚓P(guān)技巧,需要的朋友可以參考下2015-05-05
這篇文章主要介紹了jQuery循環(huán)動畫與獲取組件尺寸的方法,實例分析了animate用法及組件的操作技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-02-02
輕松學(xué)習(xí)jQuery插件EasyUI EasyUI實現(xiàn)拖放商品放置購物車
這篇文章主要幫助大家輕松學(xué)習(xí)EasyUI實現(xiàn)拖放商品放置購物車的功能，購物籃中的物品和價格也將進行更新，感興趣的小伙伴們可以參考一下2015-11-11
web前端開發(fā)JQuery常用實例代碼片段(50個)
本文給大家展示50個jquery代碼片段，這些代碼能夠給你的javascript項目提供幫助，需要的朋友快來學(xué)習(xí)一下吧2015-08-08
這篇文章主要介紹了jQuery入門之層次選擇器用法,以簡單實例形式分析了jQuery層次選擇器中ancestor descendant與parent>child的區(qū)別,需要的朋友可以參考下2015-12-12