jquery如何创建style

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

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

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

1、HTML结构

<div id="test">这是示例的DIV</div>

<input type="button" value="创建新的<style>">

2、jQuery代码

$(function(){

$("input[type='button']").click(function() {

$("<style id='test_style'></style>").text("div#test{color:red}").appendTo($("head"))

$("div#test").html($("div#test").text() + "<br>" + $("#test_style").text())

})

})

3、效果演示

   if (window.ActiveXObject) { /*ie*/

                window.style = ".b{color:#ccc}"

                document.createStyleSheet("javascript:style")

            } else {

                var style = document.createElement('style')

                style.type = 'text/css'

                style.innerHTML = ".b{color:#ccc}"

                document.getElementsByTagName('HEAD').item(0).appendChild(style)

            }

通过节点的style属性添加

1、定义一个节点

<div id='tsdiv'></div>

2、获取div节点

var domdiv = document.getElementById('tsdiv')//通过document.getElementById获取dom节点

3、添加style

div.style.display = 'none'//添加style属性，设置display样式为none

---