jQuery ссылка созданный элемент

Question

Я довольно смущен, в чем разница между элементамиWrapper1 и elementsWrapper2? Должно ли последнее выражение журнала оцениваться как истинное?

HTML:

<div class="container"> 
    <div class="element"></div> 
    <div class="element"></div> 
    <div class="element"></div> 
</div> 

JS (Jquery):

var container = $('.container'); 

var elementsWrapper1 = $('<div>', { 
    class : 'elements-wrapper' 
}); 

container.children().wrapAll(elementsWrapper1); 

var elementsWrapper2 = $('.elements-wrapper'); 

console.log(elementsWrapper1); 
console.log(elementsWrapper2); 

//Returns False, but why? 
console.log(elementsWrapper1 === elementsWrapper2) 

Благодаря

Answer 1

Каждый раз, когда вы звоните $(), либо создать объект (как вы делали с elementsWrapper1) или выполнить выбор (как с elementsWrapper2), он создает новый объект jQuery. Даже если два объекта jQuery относятся к одной и той же коллекции элементов DOM, они не являются тем же Javascript-объектом, поэтому === будет считать их не равными.

Если вы хотите проверить, являются ли два объекта jQuery эквивалентными, вы можете использовать метод .is().

console.log(elementsWrapper1.is(elementsWrapper2)); 

См jQuery object equality