jQuery 选择器 (selector1,selector2,selectorN)

/* HTML代码 */
<div id="n1">
    <p id="n2" class="test"></p>
    <p id="n3" class="detail">
        <span id="n4" class="test codeplayer"></span>
    </p>
</div>

/* jQuery代码 */
<script>
// 扩展jQuery对象，添加showTagInfo()方法
// 用于将jQuery对象所有匹配元素的标识信息追加到body元素内
// 每个元素的标识信息形如："tagName"或"tagName#id"
jQuery.fn.showTagInfo = function(){
var tags = this.map( function(){
return this.tagName + ( this.id ? "#" + this.id : "" ); 
} ).get();
$("body").append( tags.join("<br>") + "<br><br>" );
};

// 选择匹配选择器"#n1"、 "#n2"或"span.test"三者之一的所有元素
// 本示例中选择了id分别为n1、n2、n3的三个元素
$("#n1,#n2,span.test").showTagInfo();

// 选择匹配选择器"p.detail"或".test"两个之一的所有元素
// 本示例中选择了id分别为n3、n2、n4的三个元素
$("p.detail, .test").showTagInfo();

/* 相当于多个选择器匹配的结果相加(相同元素只保留一个) */
</script>