技術(shù)頻道導(dǎo)航
HTML/CSS
.NET技術(shù)
IIS技術(shù)
PHP技術(shù)
Js/JQuery
Photoshop
Fireworks
服務(wù)器技術(shù)
操作系統(tǒng)
網(wǎng)站運營

贊助商

分類目錄

贊助商

最新文章

搜索

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

作者:admin    時間:2019-8-30 15:14:57    瀏覽:

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

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

<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>標記附加到html頁面的<head>部分。

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

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

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

execcodegetcode

相關(guān)文章

標簽: css  JQuery  append  
x