, что разница между $ ('элемент, #ID') и $ ('элемент', '#id') в JQuery

Question

Я знаю $ ('элемент, #ID') выбирает все элементы & #id. Но что делает $ ('element', '#id')!? Я знаю только, что они не похожи. Так в чем разница?

Answer 1

$('element, #id') - это multiple selector, где все элементы с данным тегом и элементом с заданным идентификатором будет выбраны

$('span, #myid').addClass('myclass');//all spans and the myid element is selected

.myclass { 
 
    border: 1px solid red; 
 
    margin: 2px; 
 
    padding: 3px; 
 
} 
 
#myid.myclass { 
 
    border-color: blue; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<span>1</span> 
 
<p> 
 
    <span>2</span> 
 
</p> 
 
<div id="myid"> 
 
    <span>3</span> 
 
</div>

$('element', '#id') - это context based поиска, т.е. найти все элементы с заданными tagName, которые являются потомками элемента с данным ID

$('span', '#myid').addClass('myclass'); //only span elements under myid is selected

.myclass { 
 
    border: 1px solid red; 
 
    margin: 2px; 
 
    padding: 3px; 
 
} 
 
#myid.myclass { 
 
    border-color: blue; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<span>1</span> 
 
<p> 
 
    <span>2</span> 
 
</p> 
 
<div id="myid"> 
 
    <span>3</span> 
 
</div>