本文介绍如何使用JQuery动态创建和应用CSS样式。

下面的代码段解释了如何动态定义CSS类或规则，以便使用jquery设置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()函数将html<style>标记附加到html页面的<head>部分。

一旦附加了标记，它就会将定义的CSS样式应用于它所针对的各个元素。这里它改变了html<body>标记的背景色。

JQuery动态创建和应用CSS样式

execcodegetcode

相关文章

  • JQuery获取/添加/删除HTML控件的CSS类名
声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。