0
<div><a id="link" style="position:fixed !important;
    bottom:0px !important;
    right:0px !important;
    color:#000000 !important;font:10pt Arial !important">press me</a>
</div>

为了将该 div 块更改为

<div><a id="link" style="position:fixed !important;
    bottom:0px !important;
    left:100px !important;
    color:#000 !important;font:10pt Arial !important">press me</a>
</div>

(只有左边的属性不同),我试试这个

  1. 删除样式的所有属性($'#link').RemoveAttr('style');
  2. 我想添加样式的属性,但似乎没有这样的 AddAttr 存在。
4

4 回答 4

6

您可以使用 .attr('style', '') 删除,以及 .attr('style', '...'); 设置样式。

但最好将 css 样式设置为两个不同的类并使用 .addClass() 和 .removeClass() 代替。

于 2012-11-15T08:07:23.617 回答
1

.css()方法与上面的内联样式有关,而不是与.attr()方法有关,因此,如果left您只想更改属性,请尝试:

$('#link').css({ 'right' :  'auto', 'left' : '100px' });
于 2012-11-15T08:07:27.913 回答
1

使用内联样式是一种不好的做法..您还需要避免使用!important ..

使用类而不是内联样式..

看起来更干净

HTML

<div>
    <a id="link" class="link right" >press me</a>
</div>​

CSS

.link
{
    position:fixed !important;
    bottom:0px !important;
    color:#000000 !important;
    font:10pt Arial !important;
}
.right
{
    right:0px !important;
}

.left
{
    left:100px !important;
}

Javascript

然后你可以使用.addClass()and.removeClass()来完成这些事情..

$('#link').on('click', function() {
    $(this).removeClass('right').addClass('left');
});​

检查小提琴

于 2012-11-15T08:22:01.040 回答
0

你可以一个一个地这样做:

        $('#elementID').css('property','value');

或者您可以在您的 css 文件中编写一些样式属性,例如:

  .tobeadded{
   positon:relative;
   ...
    ...
  } 

然后您可以将此类添加到该元素:

       $('#elementID').addClass('tobeadded');
于 2012-11-15T08:06:50.793 回答