亚洲国产成人综合在线不卡,欧美日韩激情亚洲国产

技術(shù)頻道 - js技術(shù)

JQuery使用append()函數(shù)動(dòng)態(tài)創(chuàng)建和應(yīng)用CSS樣式

作者:admin 時(shí)間:2019-8-30 15:14:57 瀏覽:

本文介紹如何使用JQuery動(dòng)態(tài)創(chuàng)建和應(yīng)用CSS樣式。

下面的代碼段解釋了如何動(dòng)態(tài)定義CSS類(lèi)或規(guī)則，以便使用jquery設(shè)置HTML頁(yè)面的樣式。

<html>
<head>
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
</head>
<body>
</br>

<input type = "button" value = "Demo" id = "demo" />
<script type = "text/javascript">
$("#demo").on("click", function () {
$('html > head').append($('<style type = "text/css">body{background-color:blue;}</style>'));
});
</script>
</body>
</html>

解釋：

單擊id為demo的按鈕，使用jquery使用append()函數(shù)將html<style>標(biāo)記附加到html頁(yè)面的<head>部分。

一旦附加了標(biāo)記，它就會(huì)將定義的CSS樣式應(yīng)用于它所針對(duì)的各個(gè)元素。這里它改變了html<body>標(biāo)記的背景色。

JQuery動(dòng)態(tài)創(chuàng)建和應(yīng)用CSS樣式