使用 jQuery，第 1 部分: 将桌面应用程序引入浏览器

核心提示： 清单 5. HTML 选择//Thiswillshowevery<div>taginthepage.Notethatitwillshow//every<div>,notthefirstmatching,orthelastmatching.//TraversingArray

清单 5. HTML 选择

　　　
//　This　will　show　every　<div>　tag　in　the　page.　Note　that　it　will　show　
//　every　<div>,　not　the　first　matching,　or　the　last　matching.　　
//　Traversing　Arrays　is　discussed　later　in　the　article.　
$("div").show();　
　
//　This　will　give　a　red　background　to　every　<p>　tag　in　the　page.　
$("p").css("background",　"#ff0000");

ID

正确的页面设置要求页面上的每个 ID 都是惟一的，虽然有时并不是这样（有意或无意）。使用 ID 选择时，jQuery 仅返回第一个匹配的元素，因为它要求您遵循正确的页面设计。如果您需要将一个标记附加到同一页面上的几个元素，应当选择使用 CLASS 标记。

清单 6. ID 选择

　　　
//　This　will　set　the　innerHTML　of　a　span　element　with　the　id　of　"sampleText"　to　"Hi".　　
//　Note　the　initial　"#"　in　the　command.　This　is　the　syntax　used　by　jQuery　to　search　
//　for　IDs,　and　must　be　included.　If　it　is　excluded,　jQuery　will　search　for　the　HTML　
//　tag　instead,　and　with　no　<sampleText>　tags　on　a　page,　will　ultimately　do　
//　nothing,　leading　to　frustrating　and　hard-to-find　bugs　(not　that　that　has　ever　
//　happened　to　me　of　course).　
　
$("#sampleText").html("Hi");

编缉推荐阅读以下文章

• 使用 jQuery，第 3 部分: 用 jQuery 和 Ajax 构建富 Internet 应用程序
• 使用 jQuery，第 2 部分: 构建未来的 Web 应用程序