javascript - 需要一些关于不驻留在 DOM 中的 jQuery 对象的说明

Question

我试图使用浏览器控制台来进行一些 HTML 代码操作。在控制台中，我输入

s = $('<div><span>ddd</span></div>');
s.remove('span');

注意jQuery对象s不在 DOM 中，它只存在于控制台中。结果是 span未从 s 中删除.另一方面，如果 <div><span>ddd</span></div>在 HTML 中，span肯定会被删除。

这就引出了一个困扰我很久的问题。如果我理解正确，使用 $() ，我可以将很多东西变成 jQuery 对象，即使它们实际上不在 DOM 中。但是这种 jQuery 对象和那些链接到某些 DOM 元素的 jQuery 对象有什么区别呢？在上面的代码中，为了实际删除 span并获得 <div></div> 的输出，我必须把它写到 DOM 中吗？

Answer 1

那是因为你没有使用$.fn.remove适本地。删除子 span 的正确方法是先找到它:

s = $('<div><span>ddd</span></div>');
s.find('span').remove();

当您提供选择器以删除时，jQuery 会过滤此选择器提供的集合。但是，在您的情况下，没有什么可以过滤掉，因为显然 div 不是 span。所以 s.remove('span'); 不删除任何内容。