在前端开发中，我们有时需要比较两个元素是否相同。在jQuery中，我们可以使用一些方法来比较两个元素。
比较DOM元素
如果我们想比较两个DOM元素是否相同，可以使用is()方法。这个方法接受一个选择器字符串、DOM元素或jQuery对象作为参数，返回一个布尔值表示是否匹配成功。
let $div1 = $('#div1');
let $div2 = $('#div2');
if ($div1.is($div2)) {
console.log('两个元素相同');
} else {
console.log('两个元素不同');
}比较jQuery对象
如果我们想比较两个jQuery对象是否包含相同的元素，可以使用jquery.unique()方法。这个方法会去掉重复的元素并返回一个新的jQuery对象，我们可以通过判断这个新的jQuery对象的长度是否为1来判断两个原始的jQuery对象是否相同。
-- -------------------- ---- ------- --- ------ - --------- --- ------ - --------- -- -------------- --- -------------- - ---------------------- - ---- -- ----------------------- --- -- - ---------------------- - ---- - ---------------------- -
深度比较
上述方法只能比较两个元素的引用是否相同，如果我们想深度比较两个元素的每一个属性是否相同，可以使用jquery.extend()方法。这个方法会将第二个jQuery对象合并到第一个jQuery对象中，并返回一个新的jQuery对象，我们可以通过判断这个新的jQuery对象的长度是否为0来判断两个原始的jQuery对象是否相同。
-- -------------------- ---- ------- --- ----- - ----------- --- ----- - ----------- -- ------------- --- ------------- - ---------------------- - ---- -- ------------- ---------------------- -------- - ---------------------- - ---- - ---------------------- -
总结
以上是比较jQuery中两个元素的方法，分别是比较DOM元素、比较jQuery对象和深度比较。对于开发者而言，掌握这些方法可以很好地处理在前端开发中遇到的元素比较问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/10354
