求问一下,jquery如何创建style?

<style>
.main{left:100px;height:200px}
</style>
$('<style>').appendTo($('head'));
这样操作发生错误

侃侃尔雅
浏览 337回答 2
2回答

鸿蒙传说

style也可以看做普通的HTML节点,因此其创建方法与jQuery创建普通元素的方法相同,关键代码:1$("<style></style>").text("div#test{color:red;}").appendTo($("head"));下面实例演示——点击按钮创建新的style样式:1、HTML结构12<div&nbsp;id="test">这是示例的DIV</div><input&nbsp;type="button"&nbsp;value="创建新的<style>">2、jQuery代码123456$(function(){&nbsp;&nbsp;&nbsp;&nbsp;$("input[type='button']").click(function()&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$("<style&nbsp;id='test_style'></style>").text("div#test{color:red;}").appendTo($("head"));&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$("div#test").html($("div#test").text()&nbsp;+&nbsp;""&nbsp;+&nbsp;$("#test_style").text());&nbsp;&nbsp;&nbsp;&nbsp;});});3、效果演示&nbsp;

阿波罗的战车

1.$("head").css("left": "100px", "height": "200px")2.$("head").addClass("className")
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

CSS3