创建样式元素,定义一些类并向元素添加类

时间:2011-04-25 17:51:51

标签: javascript jquery css

还有更好的方法吗?

$("< style >").attr("type","text/css").prependTo("head").append(".bor {border:2px dotted red} .gto {padding:10px; font-size:medium}");

$("input:text").addClass("bor gto").val("your text");

http://jsfiddle.net/adatepe/aLmc2/

2 个答案:

答案 0 :(得分:1)

也许你可以set the CSS directly而不是试图在运行时构建CSS类:

$('input:text').css({
    border: '2px dotted red',
    padding: '10px',
    fontSize: 'medium'
}).val('your text');

答案 1 :(得分:0)

如果您有任何机会需要这样做,为什么不以简单的方式去做呢?

$("<style type='text/css'>.bor {border:2px dotted red}" + 
  " .gto {padding:10px; font-size:medium}</style>").prependTo("head");