Jquery 如何更改HTML标记的样式属性？

考虑以下标签：

<div class="my_class" style="width: 453px; height: 604px;">
    // stuff
</div>

//东西

我想将其更改为：

<div class="my_class" style="height: 453px; width: 604px;">
    // stuff
</div>

//东西

我需要使用jquery来实现这一点，我不一定知道

height

和

width

的值。我该怎么做呢？

试试：

var cls = $(".my_class"); 
var h = cls.height();
var w = cls.width();
cls.css({"width":h,"height":w})

---

要交换宽度和高度，请执行以下操作：

    $('.my_class').css({
        width: $(this).height(),
        height: $(this).width()
    });

---

这也将处理您希望同时对多个元素执行此操作的情况：

$('.my_class').each(function(){
    var $this = $(this);
    var oldWidth  = $this.css('width'),
        oldHeight = $this.css('height');
    $this.css({
        width: oldHeight,
        height: oldWidth
    });
});

试试这个：

     $(function() {
     var Width  = $this.css('width'),
     height = $this.css('height');
     $(".my_class").width(width).height(height);
     });

或

---

我认为这是最简单/最好的方法

---

您是否试图将样式应用于具有特定类的所有

div

s？或者仅仅是一个

div

，它恰好也有那个类名？我所要做的就是将

width

更改为

height

，将

height

更改为

width

。其他一切都保持不变。似乎有时计算机会“记住”旧的宽度和高度设置。这用于图像旋转功能。有没有一种方法可以“刷新缓存”，或者防止计算机记住以前的宽度和高度设置？这是最干净的方法，尽管我认为现在推荐使用prop（）代替attr的jQuery方法。

     $(document).ready(function() {
     var Width  = $this.css('width'),
     height = $this.css('height');
     $(".my_class").width(604).height(height);
     }) ;

$('.my_class').removeAttr("style").attr({
  style: "height: 453px; width: 604px;"
});