jQuery CSS:如何更改
问题:
众所周知,jQuery 可用于将样式应用于 HTML 元素。然而,在某些情况下,用户可能想要修改
示例:
考虑需要通过更改
<style title="css_style" type="text/css"> body { background-color:#dc2e2e; /* <- CHANGE THIS */ color:#000000; font-family:Tahoma, Verdana; font-size:11px; margin:0px; padding:0px; background-image: url(http://abc.de/image.jpg); } </style> ... <body> // .... </body>
jQuery 代码:
jQuery 可以修改 HTML 元素的特定样式:
$('body').css('background-color','#ff0000');
但是,这种方法增加了样式内联到 body 标签而不是
解决方案:
更改
$( "<style>body { background: black; }</style>" ).appendTo( "head" )
通过级联,这个新创建的样式元素会覆盖现有样式,从而有效地更改
以上是jQuery 可以直接在``标签内修改样式吗?的详细内容。更多信息请关注PHP中文网其他相关文章!