【公告】網站目前停止所有的課程訂閱服務,原有學員權益不受影響,造成不便還請見諒,我們正在打造更多課程以及圖書,包含 Python 為主的課程主題,未來將會合併且擴充目前的課程內容,提供全新課程訂閱服務,感謝學員的支持。
【公告】《Entity Framework 實務精要》 絕版優惠學習活動,是針對最後一批少量書籍絕版的短期特別活動,只提供 20 個名額(剩 5 名),教學影片要在今年暑假過後才會重新開放訂閱,並沒有提供之前單獨購書的讀者,還請見諒, 如果您需要教學影片,屆時再請參與,也感謝讀者學員的支持,我們正在開發更多的教學內容,歡迎與我們一起努力。
《Entity Framework 實務精要》 絕版優惠學習活動》

jQuery 動態CSS 樣式項目設定

jQuery/jQuery Mobile 技術文件 》

jQuery 針對CSS樣式的套用,亦提供了 css() 方法以支援程式碼的動態控制,透過此方法的調用,可以更進一步控制單一樣式的設定,語法如下:

$(d).css(name, value) ; 

第一個參數為所要設定的樣式名稱,第二個參數 value 則是樣式值,例如:

$(d).css('width', '180px') ; 

這一行程式碼會將 d 元素的寬度設定為 180px 。考慮以下的配置:

<div id="area" style=""></div> 

接下來的程式碼會將其背景顏色改成 black。

$('#area').css('background', 'black');

如果有一組以上的樣式需要設定,可以透過以下的語法格式進行設定:

$(d).css({
name1: value1,
name2: value2,
namen: valuen});

以下是一組實際的設定範例:

$(d).css({
width: '180px',
height: '60px',
background: 'black',
margin: '6px' });

這一段程式碼設定了四組不同的樣式,寫法類似標準的CSS樣式設定,只是以逗號(,)分隔樣式項目。

jQuery/jQuery Mobile 技術文件 》


沒有留言: