为什么我会收到 .attr 不是函数的错误消息？

Question

这是一个非常简单、非常基础的页面 -- 我是 JavaScript/jQuery 的绝对初学者（artist/philosopher，不是网站开发人员）。我无法使用 .attr jQuery 函数。

我找到了关于“.attr 不是函数”的答案，但代码很复杂，我无法理解其中的解释。

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>jQuery Sample HTML</title>
<script src="jQ/jQuery.js"></script>
<script>
$("document").ready(function( ) {
var juneau=('#anchorage').attr('width');
alert(juneau);
});
</script>
</head>
<body>
<img id='anchorage' src='game.jpg' height='300' width='300'></img>
</body>
</html>

我本以为会收到一条提示“300px”，但什么也没发生，解释是“'#anchorage'.attr 不是一个函数”。

Answer 1

您在选择中缺少 $ - var juneau=$('#anchorage').attr('width');

Answer 2

您的总体 HTML 存在一些问题，但您最关心的 Javascript 位应该如下所示：

<script>
$(function(){
  var juneau = $('#anchorage').attr('width');
  alert(juneau);
});
</script>

注意我使用的是 shorthand 匿名函数，相当于 "on document ready"。

希望对您有所帮助。

为什么我会收到 .attr 不是函数的错误消息？

Why do I get an error message that .attr is not a function?

jquery

attr