css() 三種用法

css()  可以為這個方法傳遞一個字串的屬性名稱。例如：css('backgroundColor').對於由多個單片語成的屬性名稱，JQ中可以理解為CSS標記法(如：css('background-color'))，也可以理解為駝峰大小寫形式的DOM標記法(如：css('backgroundColor'))。

CSS()的三種用法：

            1. css(key, value) 給匹配的元素，設定一個樣式。

                  key (String): 要設定的樣式屬性名稱

                  value (Object): 要設定的樣式屬性的值

            例：

                  樣本：把所有段落的color樣式屬性值改為紅色。

                              $("p").css("color","red");

                  HTML代碼：<p>Test Paragraph.</p>

                  結果：<p style="color:red;">Test Paragraph.</p>

            2. css(name) 訪問第一個匹配元素的樣式屬性。取得第一個匹配元素樣式的屬性值。

                 name(string): 要訪問的屬性名稱

            例：

                    樣本：取得第一個段落的color樣式屬性的值

                                $("p").css("color");     

                    HTML代碼：<p style="color:red;">Test Paragraph.</p>

                    結果：red

            3. css(properties) 在所有匹配的元素上設定很多種樣式。

                properties (Map): 要設定為樣式屬性的名/值對對象

            例：

                 樣本：為所有p元素設定color和background樣式屬性。

                         $("p").css({ color: "red", background: "blue" });

                 Html代碼：<p>Test Paragraph.</p>

                 結果：<p style="color:red; background:blue;">Test Paragraph.</p>