使用 jQuery，第 2 部分: 构建未来的 Web 应用程序

核心提示： 在页面上保存信息有很多不同的方式，在页面的某个元素内存储信息的方法就更多样了，使用 jQuery，第 2 部分: 构建未来的 Web 应用程序(5)，您可能会想，一个简单的 <p> 所包含的信息肯定没有一个文本字段那么多（这不一定正确），我们将通过几个示例来了解其工作原理， 清单 3

在页面上保存信息有很多不同的方式，在页面的某个元素内存储信息的方法就更多样了。您可能会想，一个简单的 <p> 所包含的信息肯定没有一个文本字段那么多（这不一定正确），因而，访问信息也有很多不同的函数。同样地，您自己可能已经有了这样的结论：如果能从页面元素获得信息，那么也应该可以在这些元素上放置信息。实际上，每个页面元素都是一个数据对象，其中包含由 getter/setter 方法封装的变量。JavaBean 模型和 jQuery 的实际差异是方法名称和某些元素不适合特定函数的限制。

在深入研究这些方法之前，让我们先来看看什么信息能 存储到页面元素内。简单一些的，像 a <p>，可能只包含 CLASS 或 ID 信息。而像 <img> 则可能包含更多信息，比如 “src”、“alt”、“width” 和 “height”。而复杂一些的，像 < input type="password"> 则可能包含 “defaultValue”、“maxLength”、“readOnly” 或 “accessKey” 等信息。

这种潜在变量的多样性促使 jQuery 创建了一种广义函数来访问它们。这个函数是 attr(name)，可用来访问来自任何页面元素的信息。我们将通过几个示例来了解其工作原理。

清单 3. jQuery attr() 函数

　　　
<img　src=http://tech.ddvip.com/2009-08/"/images/space.gif"　id="spacer"　class="a　b　c"　alt="blank">　
　
//　Calls　to　the　attr()　function　will　return　the　following　
$("#spacer").attr("src");　//　will　return　http://tech.ddvip.com/2009-08/"/images/space.gif"　
$("#spacer").attr("alt");　//　will　return　"blank"　
　
//　Similarly,　you　can　access　the　ID　in　the　same　way　
$(img).each(function(){　
　　$(this).attr("id");　//　will　return　"spacer"　
});

编缉推荐阅读以下文章

• 使用 jQuery，第 3 部分: 用 jQuery 和 Ajax 构建富 Internet 应用程序
• 使用 jQuery，第 1 部分: 将桌面应用程序引入浏览器