# Multiple Selector ("selector1, selector2, selectorN")

所属分类：选择器 > 基础选择器 英文文档：Multiple Selector ("selector1, selector2, selectorN")

## multiple selector

描述: 将每一个选择器匹配到的元素合并后一起返回。

- #### 添加的版本: 1.0jQuery( "selector1, selector2, selectorN" )

  selector1: 任何有效的选择

  selector2: 其他有效的选择

  selectorN: 更多有效的选择只要你喜欢。

您可以指定任何数量的选择器组合成一个单一的结果。这个多个表达组合是一种有效的方法来选择不同的元素。因为他们将按在文件的顺序，DOM元素的顺序在返回的jQuery对象中可能不相同。另一种选择器组合是 .add() 方法。

## 例子:

#### Example: 查找任何匹配下面三个选择器的元素。

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 |
    <!DOCTYPE html><html><head>  <style>   div,span,p {    width: 126px;    height: 60px;    float:left;    padding: 3px;    margin: 2px;    background-color: #EEEEEE;    font-size:14px;  }  </style>  <script src="https://code.jquery.com/jquery-latest.js"></script></head><body>  <div>div</div>   <p class="myClass">p class="myClass"</p>  <p class="notMyClass">p class="notMyClass"</p>  <span>span</span><script>$("div,span,p.myClass").css("border","3px solid red");</script> </body></html>

#### Demo:

#### Example: Show the order in the jQuery object.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 |
    <!DOCTYPE html><html><head>  <style>  b { color:red; font-size:16px; display:block; clear:left; }  div,span,p { width: 40px; height: 40px; float:left;               margin: 10px; background-color: blue;               padding:3px; color:white;             }  </style>  <script src="https://code.jquery.com/jquery-latest.js"></script></head><body>  <span>span</span>   <p>p</p>  <p>p</p>  <div>div</div>  <span>span</span>   <p>p</p>  <div>div</div>  <b></b><script>    var list = $("div,p,span").map(function () {      return this.tagName;    }).get().join(", ");    $("b").append(document.createTextNode(list));</script> </body></html>

#### Demo: