如何使用jquery更改页面的内联样式
我的页面中有一个内联样式:
:: Inline Style Page ::
我需要使用jquery更新或添加一些样式到内联样式..
我试图使用jquery更新页面/ divs /控件的字体,背景颜色。 我将使用我的内联样式(从数据库加载)来获取页面内容的样式。 我的应用程序的用户可以更改某些样式并将其更新回数据库。
它几乎就像创建自定义页面应用程序(c#中的asp.net mvc)。
如何使用jquery更改页面的内联样式? 还是有其他有效的方法吗?
试试jQuery.Rule
然后你会做:
$.rule('body { backgound-color: #ff0000 }').appendTo('style');
改变身体的背景颜色,使眼睛燃烧红色。
如果您只想添加或覆盖特定内容,可以使用常规jQuery将style
属性添加到基于id / class的特定元素:
// add to element with id="foo" $('#foo').attr("style", {backgroundColor: "#ff0000"}) // add to ALL elements with class="bar" $('.bar').attr("style", {backgroundColor: "#ff0000"})
在简单的jQuery中有一个.css()
函数,所以你可以这么说
$("#header").css("height", "150px");
请参阅jQuery CSS