求问一下，jquery如何创建style？

Question

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

Answer 1

style也可以看做普通的HTML节点，因此其创建方法与jQuery创建普通元素的方法相同，关键代码：

1	$("<style></style>").text("div#test{color:red;}").appendTo($("head"));

下面实例演示——点击按钮创建新的style样式:

1、HTML结构

12	<div id="test">这是示例的DIV</div><input type="button" value="创建新的<style>">

2、jQuery代码

123456

$(function(){    $("input[type='button']").click(function() {        $("<style id='test_style'></style>").text("div#test{color:red;}").appendTo($("head"));        $("div#test").html($("div#test").text() + "" + $("#test_style").text());    });});

3、效果演示

 

Answer 2

1.
$("head").css(
"left": "100px"
, "height": "200px"
)
2.
$("head").addClass("className")