jquery - 当我访问我的图像属性时，JQuery 返回未定义

Question

我的 html 文档上有一张图片，我这样写：

<img src="picture.jpg:/>

我在 jquery 中通过以下方式引用它：

$('img').click( function() {
    alert($(this).attr('width'));
});

它捕获事件但返回未定义的值。还有其他方法可以提取宽度和高度吗？

Answer 1

     alert($(this).css('width'));

将获得宽度值， attr 只是读取您设置的属性

Answer 2

采用

$('img').click( function() {
    alert($(this).width());
});

jsFiddle 示例

Answer 3

src在attr上缺少 " 。

<img src="picture.jpg"/>

改为使用prop，attr始终返回 true。示例使用
示例prop

或者没有 jQueryalert(this.width);