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

核心提示： CLASSCLASS 与 ID 非常相似，不同之处是它可以用于一个页面上的一个或多个元素，使用 jQuery，第 1 部分: 将桌面应用程序引入浏览器(6)，因此，尽管受到同一页面的每个元素只有一个 ID 的限制，搜索将返回与搜索词匹配的一组结果， 清单 8. 合并搜索//Thiswillhid

CLASS

CLASS 与 ID 非常相似，不同之处是它可以用于一个页面上的一个或多个元素。因此，尽管受到同一页面的每个元素只有一个 ID 的限制，同一页面上的多个元素仍然可以拥有相同的 CLASS。这使您可以在一个页面上跨多个元素执行函数，并且只需传入一个 CLASS 名称。

清单 7. CLASS 选择

　　　
//　This　will　create　a　red　background　on　every　element　on　the　page　with　a　CLASS　of　
//　"redBack".　Notice　that　it　doesn't　matter　which　HTML　element　this　"redBack"　
//　CLASS　tag　is　attached　to.　Also　notice　the　period　in　the　front　of　the　query　
//　term　--　this　is　the　jQuery　syntax　for　finding　the　CLASS　names.　
　
$(".redBack").css("background",　"#ff0000");　
　
<p　class="redBack">This　is　a　paragraph</p>　
<div　class="redBack">This　is　a　big　div</div>　
<table　class="redBack"><tr><td>Sample　table</td></tr></table>

合并搜索条件

可以在一个搜索中，将以上的 3 个搜索条件和下面的所有过滤器合并起来。通过使用 “,” 分隔每个搜索条件，搜索将返回与搜索词匹配的一组结果。

清单 8. 合并搜索

　　　
//　This　will　hide　every　<p>,　<span>,　or　<div>.　
$("p,　span,　div").hide();

编缉推荐阅读以下文章

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