首页 > web前端 > css教程 > 正文

jQuery 可以直接在``标签内修改样式吗?

Mary-Kate Olsen
发布: 2024-11-12 15:13:02
原创
671 人浏览过

Can jQuery Modify Styles Directly Within the `` Tag?

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中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板