注:本筆記內(nèi)容摘自《jQuery基礎(chǔ)教程》+ jQuery 1.4.1中文參考
修改內(nèi)聯(lián)CSS
.css()方法,這個方法集獲取和設(shè)置方法于一體。為取得某個樣式屬性的值,可以為這個方法傳遞一個字符串形式的屬性名,比如.css(‘backgroundColor’)。對于多個單詞構(gòu)成的屬性名,jQuery既可以解釋連字符版的CSS表示法(如background-color),也可以解釋駝峰大小寫形式(camel-cased)的DOM表示法(如backgroundColor)。在設(shè)置樣式屬性時,.css方法能夠接受的參數(shù)有兩種,一種是為它傳遞一個單獨的樣式屬性和值,另一種則是為它傳遞一個由屬性-值對構(gòu)成的映射(map):
jQuery 1.4.1 API
css(name)----à.css(‘proerty’,’value’)
返回值:String css(name)
概述
訪問第一個匹配元素的樣式屬性。
參數(shù)
name String
要訪問的屬性名稱
示例
描述:
取得第一個段落的color樣式屬性的值。
jQuery 代碼:
$("p").css("color");
css(proerties)----à.css({proerty1:”value1”,proerty2:”value2’’})
返回值:jQuery css(properties)
概述
把一個“名/值對”對象設(shè)置為所有匹配元素的樣式屬性。
這是一種在所有匹配的元素上設(shè)置大量樣式屬性的最佳方式。
參數(shù)
Properties Map
要設(shè)置為樣式屬性的名/值對
示例
描述:
將所有段落的字體顏色設(shè)為紅色并且背景為藍色。
jQuery 代碼:
$("p").css({color: "#ff0011", background: "blue" });
描述:
如果屬性名包含 "-"的話,必須使用引號:
jQuery 代碼:
$("p").css({"margin-left": "10px", "background-color":"blue" });
示例:
$(document).ready(function(){
$(‘#switcher-large’).click(function(){
var$speech = $(‘div.speech’);
varcurrentSzie = $speech.css(‘fontSize’);
varnum = parseFloat(currentSzie,10);
varunit = currentSize.slice(-2);
if(this.id== ‘switcher-large’){
num *= 1.4;
}else if(this.id == ‘switcher-small’){
Num /= 1.4;
}
$speech.css(‘fontSize’,num+unit);
});
});
通過$(‘div.speech’).css(‘fontSize’)可以輕而易舉地取得當前的字體大小,但是包含了度量單位,所以要將這兩部分保存到各自的變量中,在乘出新的字體大小后,再重新加上單位。 parseFloat()函數(shù)會在一個字符串從左到右的查找一個浮點數(shù),并且會去掉結(jié)尾的非數(shù)字字符,最終轉(zhuǎn)換為數(shù)字。例如字符串12px 轉(zhuǎn)為數(shù)字12。
.slice()方法返回字符串中從指定 的字符串開始的一個子字符串。因為這里使用的度量單位(px)是兩個字符,所以我們指定子字符串應(yīng)該從倒數(shù)第2個字符開始。
聯(lián)系客服