jquery写入css,jQuery CSS – 写入-tag

这是操纵样式表的具体方法，

我刚刚做了一个jQuery的方法(也许别人已经做了，我不知道)

(

function( $ )

{

$.style={

insertRule:function(selector,rules,contxt)

{

var context=contxt||document,stylesheet;

if(typeof context.styleSheets=='object')

{

if(context.styleSheets.length)

{

stylesheet=context.styleSheets[context.styleSheets.length-1];

}

if(context.styleSheets.length)

{

if(context.createStyleSheet)

{

stylesheet=context.createStyleSheet();

}

else

{

context.getElementsByTagName('head')[0].appendChild(context.createElement('style'));

stylesheet=context.styleSheets[context.styleSheets.length-1];

}

}

if(stylesheet.addRule)

{

for(var i=0;i

{

stylesheet.addRule(selector[i],rules);

}

}

else

{

stylesheet.insertRule(selector.join(',') + '{' + rules + '}',stylesheet.cssRules.length);

}

}

}

};

}

)( jQuery );

使用示例

$.style.insertRule(['p','h1'],'color:red;')

$.style.insertRule(['p'],'text-decoration:line-through;')

$.style.insertRule(['div p'],'text-decoration:none;color:blue')

第二个论点应该是明确的规则。作为可选的第三个参数，可以提供上下文文档。

第一个参数是数组元素的选择器。

请注意，您不必使用不同的选择符，用逗号分隔，因为MSIE只接受“单个上下文选择器”作为addRule()的参数，