javascript - CSS 属性更改

Question

我有这样的CSS：

.cls .imageX
{
  float:left;
}

.cls .imageY
{
  float:right;
}

它正在这样的页面中使用：

<div class="cls">
<a href="" class="imageX"><img src="left.png"/></a>
<a href="" class="imageY"><img src="right.png"/></a>
</div>

我没有该网站的源代码。我通过 firebug 看到了这个源，我必须编写 JS 代码来通过 onload 事件更改它。那是我的工作。现在我希望它变成：

<div class="cls">
<a href="" class="imageX"><img src="right.png"/></a>
<a href="" class="imageY"><img src="left.png"/></a>
</div>

我认为有两种方法可以解决这个问题，但遗憾的是根本没有对我有用

1>  $('.cls .imageX img').attr('src','right.png');
    $('.cls .imageY img').attr('src','left.png');

2>  $('.cls .imageX').css('float','right'); 
    $('.cls .imageY').css('float','left');

Answer 1