捕鱼机怎么打码调抽水

書名： 15天學(xué)會jQuery編程與實戰(zhàn)（視頻教學(xué)版）（Web前端技術(shù)叢書）
作者名：劉鑫
本章字?jǐn)?shù)： 259字
更新時間： 2020-11-28 16:21:49

4.3 獲取或設(shè)置CSS樣式

jQuery提供了css()方法用來獲取或設(shè)置元素的一個或多個樣式屬性。這里我們需要注意可以一次設(shè)置多個。

獲取一個屬性時：

$("div").css("background-color");

設(shè)置一個屬性時：

$("div").css("background-color", "blue");

設(shè)置多個屬性時：

$("div").css({"background-color": "blue", "font-size": "200%"});

從代碼可以看出，屬性與屬性之間用逗號間隔，屬性和屬性的值之間用冒號間隔，外層用一個{}包圍。

【示例4-3】getsetcss.html

        01    <script>
        02    $(document).ready(function(){
        03        $("button").click(function(){
        04             $("p").css({"background-color": "yellow", "font-size": "200%"});
        05        });
        06    });
        07    </script>
        08
        09    <body>
        10   <h2>我的故鄉(xiāng)</h2>
        11   <p style="background-color:#ff0000">有條河</p>
        12   <p style="background-color:#00ff00">有座山</p>
        13   <p style="background-color:#0000ff">有個寺廟</p>
        14   <p>它真的很美</p>
        15   <button>設(shè)置P的屬性</button>
        16    </body>

第04行設(shè)置了p元素的兩個屬性background-color和font-size。在瀏覽器中的默認(rèn)頁面如圖4.5所示，單擊“設(shè)置P的屬性”按鈕后，頁面效果如圖4.6所示。

圖4.5 默認(rèn)效果

圖4.6 單擊后整體修改樣式

官术网_书友最值得收藏!

15天學(xué)會jQuery編程與實戰(zhàn)（視頻教學(xué)版） （Web前端技術(shù)叢書）

4.3 獲取或設(shè)置CSS樣式

15天學(xué)會jQuery編程與實戰(zhàn)（視頻教學(xué)版）（Web前端技術(shù)叢書）