jquery - 如何获取变换后元素的属性？

Question

我正在对元素的宽度进行转换。 在我的 jquery 中，我添加了一个类，并在 css 中描述了转换。如果我现在用 jquery 查询添加类后该元素的宽度，我会得到该元素的当前宽度，但这不是它的最终宽度。 如何获得最终宽度？是否有事件、转变完成或类似的事情？ 我应该使用超时还是 jquery 监视？

/亲切的问候 克里斯蒂安

编辑: 现在更好了:JSFiddle

第一次点击时，width()方法返回100，转换后返回200。如何获取第一次点击的结果？

Answer 1

确保要转换的元素的显示类型为 block (display: block)，否则无法修改元素的宽度。

HTML:

<a href="#">Bigger</a>

Jquery:

$('a').click(function(e){
    console.log($(this).width());
    $(this).addClass('bigger');
    console.log($(this).width());
});

CSS:

a {
    width:100px;
    background: #ccc;
}
.bigger {
    width: 200px;
}