jQuery 使用手冊(cè)(三)
傳統(tǒng)javascript對(duì)css的操作相當(dāng)繁瑣,比如<div id="a" style="background:blue">css</div>取它的background語(yǔ)法是 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提供了以下方法,來(lái)操作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>
相關(guān)文章
基于jquery & json的省市區(qū)聯(lián)動(dòng)代碼
基于jquery & json的省市區(qū)聯(lián)動(dòng)代碼,需要的朋友可以參考下2012-06-06jQuery源碼分析-03構(gòu)造jQuery對(duì)象-工具函數(shù)
jQuery源碼分析-03構(gòu)造jQuery對(duì)象-工具函數(shù),需要的朋友可以參考下。2011-11-11jquery動(dòng)態(tài)賦值id與動(dòng)態(tài)取id方法示例
這篇文章主要給大家介紹了關(guān)于jquery動(dòng)態(tài)賦值id與動(dòng)態(tài)取id的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面跟著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧。2017-08-08jQuery提交表單ajax查詢(xún)實(shí)例代碼
用戶(hù)輸入一個(gè)表單,輸入準(zhǔn)考證和驗(yàn)證碼,驗(yàn)證用戶(hù)是否輸入表單,點(diǎn)擊查詢(xún)提交,然后從服務(wù)器得到返回的數(shù)據(jù)并顯示出來(lái)2012-10-10Jquery實(shí)現(xiàn)動(dòng)態(tài)切換圖片的方法
這篇文章主要介紹了Jquery實(shí)現(xiàn)動(dòng)態(tài)切換圖片的方法,涉及jQuery頁(yè)面元素操作及鏈?zhǔn)讲僮鞯南嚓P(guān)技巧,需要的朋友可以參考下2015-05-05jQuery循環(huán)動(dòng)畫(huà)與獲取組件尺寸的方法
這篇文章主要介紹了jQuery循環(huán)動(dòng)畫(huà)與獲取組件尺寸的方法,實(shí)例分析了animate用法及組件的操作技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-02-02輕松學(xué)習(xí)jQuery插件EasyUI EasyUI實(shí)現(xiàn)拖放商品放置購(gòu)物車(chē)
這篇文章主要幫助大家輕松學(xué)習(xí)EasyUI實(shí)現(xiàn)拖放商品放置購(gòu)物車(chē)的功能,購(gòu)物籃中的物品和價(jià)格也將進(jìn)行更新,感興趣的小伙伴們可以參考一下2015-11-11web前端開(kāi)發(fā)JQuery常用實(shí)例代碼片段(50個(gè))
本文給大家展示50個(gè)jquery代碼片段,這些代碼能夠給你的javascript項(xiàng)目提供幫助,需要的朋友快來(lái)學(xué)習(xí)一下吧2015-08-08jQuery入門(mén)之層次選擇器實(shí)例簡(jiǎn)析
這篇文章主要介紹了jQuery入門(mén)之層次選擇器用法,以簡(jiǎn)單實(shí)例形式分析了jQuery層次選擇器中ancestor descendant與parent>child的區(qū)別,需要的朋友可以參考下2015-12-12