jQuery css方法動態修改CSS屬性
定義和用法
返回 CSS 屬性值
返回第一個匹配元素的 CSS 屬性值。
註釋:當用於返回一個值時,不支持簡寫的 CSS 屬性(比如 "background" 和 "border")。
複製代碼 代碼如下:
$(selector)(name)
name必需。規定 CSS 屬性的名稱。該參數可包含任何 CSS 屬性。比如 "color"。
實例
取得第一個段落的 color 樣式屬性的值:
複製代碼 代碼如下:
$("p")("color");
設置 CSS 屬性
設置所有匹配元素的指定 CSS 屬性。
複製代碼 代碼如下:
$(selector)(name,value)
name必需。規定 CSS 屬性的名稱。該參數可包含任何 CSS 屬性,比如 "color"。
value 可選。規定 CSS 屬性的`值。該參數可包含任何 CSS 屬性值,比如 "red"。
如果設置了空字符串值,則從元素中刪除指定屬性。
實例
將所有段落的顏色設為紅色:
複製代碼 代碼如下:
$("p")("color","red");
使用函數來設置 CSS 屬性
設置所有匹配的元素中樣式屬性的值。
此函數返回要設置的屬性值。接受兩個參數,index 為元素在對象集合中的索引位置,value 是原先的屬性值。
複製代碼 代碼如下:
$(selector)(name,function(index,value))
name必需。規定 CSS 屬性的名稱。該參數可包含任何 CSS 屬性,比如 "color"。
複製代碼 代碼如下:
function(index,value)
規定返回 CSS 屬性新值的函數。
index - 可選。接受選擇器的 index 位置
oldvalue - 可選。接受 CSS 屬性的當前值。
實例 1
將所有段落的顏色設為紅色:
複製代碼 代碼如下:
$("button")k(function(){
$("p")("color",function(){return "red";});
});
實例 2
逐漸增加 div 的寬度:
複製代碼 代碼如下:
$("div")k(function() {
$(this)(
"width", function(index, value) {return parseFloat(value) * 1.2;}
);
});
設置多個 CSS 屬性/值對
複製代碼 代碼如下:
$(selector)({property:value, property:value, ...})
把“名/值對”對象設置為所有匹配元素的樣式屬性。
這是一種在所有匹配的元素上設置大量樣式屬性的最佳方式。
{property:value}
必需。規定要設置為樣式屬性的“名稱/值對”對象。
該參數可包含若干對 CSS 屬性名稱/值。比如 {"color":"red","font-weight":"bold"}
實例
複製代碼 代碼如下:
$("p")({
"color":"white",
"background-color":"#98bf21",
"font-family":"Arial",
"font-size":"20px",
"padding":"5px"
});
-
如何理解Javascript的caller,callee,call,apply區別
在提到上述的概念之前,首先想説説javascript中函數的隱含參數:argumentsarguments該對象代表正在執行的函數和調用它的函數的參數。[function.]arguments[n]參數function:選項。當前正在執行的Function對象的名字。n:選項。要傳遞給Function對象的從0開始的參數值...
-
javascript中的return和閉包函數
複製代碼代碼如下:functionmakefunc(x){returnfunction(){returnx;}}alert(makefunc(0));其實不是不執行,只是朋友的意思這裏alert出來的`應該是“0”,而不是function(){returnx;}。不是腳本寫錯了,只是沒搞懂return,從當前函數退出,並從那個函數返回一個值。如果返...
-
在PHP中利用XML技術構造遠程服務
未來的Web將是以服務為中心的Web,XML_RPC標準使得編寫和應用服務變得非常簡單。本文介紹XML_RPC標準及其PHP實現,並通過實例示範瞭如何在PHP中開發XML_RPC服務和客户程序。一、服務式Web從內容提供商所採用的簡單方法到UDDI(UniversalDescription,DiscoveryandInte...
-
asp.net 操作INI文件讀寫類實例代碼
操作INI文件讀寫類實例代碼複製代碼代碼如下:usingSystem;usingropServices;using;using;namespaceCommon{//////INI文件讀寫類。///publicclassINIFile{publicstringpath;publicINIFile(stringINIPath){path=INIPath;}[DllImport("kernel32")]privatestaticex...
相關文章
- Sql Server、Access數據排名的實現方法
- HCNP-Security-CTSS考試大綱
- HCNP-Security-CSSN考試主要內容
- jquery獲取css中的選擇器用法實例講解
- MySQL安裝時出現current root password的解決方法
- Myfavoritesubjectisscience教案
- jQuery設置CSS屬性的示例及介紹
- 高中英語閲讀題《successful writers 》
- 七年級英語Unit 12 My favorite subject is science 課後練習題答
- Perseverance will make you successful英語作文