是否可以使用jquery动态更改类的css属性？

Question

我有一个已定义css样式的类。我现在正在尝试将该页面作为IFRAME加载到其他站点中。我想从加载的站点更改该特定类的css属性。用jquery可以吗？我试着从我的角度来看它没有得到。任何人都可以帮助我...

Answer 1

由于same-origin policy，您无法更改iframe中元素的样式。

Answer 2

您还可以使用attr属性来更改Html特定属性的值。

$("img").attr("width","500");

或者

$("#tagid").attr("width","500");

或

$(".tagclass").attr("width","500");

但是在一个页面中，您无法更改在IFRAME中加载的子页面的属性。

Answer 3

$(".classname").css("propertyname","setvalue");

例如

$(".classname").css("height","50px");

用于iframe使用

$("iframe").contents().find(".classname").css("propertyname","setvalue");

参考 css

<强> contains-selector

Answer 4

您可以按照以下方式使用jquery添加或删除类

$(".classname").addClass('new-classname');
$(".classname").removeClass('remove-classname');