javascript - jquery $(this) 在同一个函数中工作一次

Question

$('#test img:first').ready(function() {      
    var w = $(this).width();
    console.log(w);     

    $('#test img:first').attr('width', 200);
    //$(this).attr('width', 200);
});

元素的宽度是正确的通过选择器设置宽度但是

$(this).attr('width', 200);

不起作用，我错过了什么？

Answer 1

编辑 — 旧答案留在下方

在那个“就绪”处理程序中，this不是 <img>元素。这是 document对象。

我不知道为什么，但这就是为什么 this只是行不通。

等等，其实我知道为什么:这是因为“就绪”事件只适用于文档。 “load”事件会更相关，但您也不一定会得到“load”事件。

---

CSS 属性不是元素属性:

$(this).css('width', '200px');

现在，<img>元素确实有宽度属性。如果您在不太新的 Internet Explorer 中尝试此操作，可能需要:

$(this).prop('width', 200);