Açıklama : Bir çok seçicinin seçtiği elemanları birleştirir.
jQuery( "selector1, selector2, selectorN" )
Eklendiği Versiyon 1.0
selector1 : Herhangi bir geçerli seçici.
selector2 : Herhangi diğer bir geçerli seçici.
selectorN : Ne kadar seçici gerekirse eklenir.
Birçok seçici tarafından yapıln seçimi tek bir seçimde birleştirmek mümkün. Farklı
eleman tiplerini tek bir yerde seçmek için etkili bir yöntemdir. Dönen jQuery nesnesindeki
elemanları sırası döküman DOM ağacındaki sıralarından farklı olabilir. Bu birleştiriciye
alternatif olarak .add() metodu kullanılabilir.
Örnekler:
Üç tane seçiciden herhangi birine uyan elemanları bul
<style>
div, span, p {
width: 126px; height: 60px;
float: left; padding: 3px;
margin: 2px;
background-color: #eee;
font-size: 14px;
}
</style>
<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>
div
p class="myClass"
p class="notMyClass"
span
Seçilenlerin jQuery nesnesi içindeki sıralamayı göster.
<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>
<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>