使用jQuery更改DOM后，是否正确使用getElementById（id）？

Question

为了了解我的问题看下面的示例代码：如果我之前改变DOM结构

<div id="here"> 
    <div id="object"></div> 
</div> 
<div id="there"> 
</div> 

$('#object') works always! 

document.getElementById("object")是否行得通呢？

$('#there').append($('#object')); 

document.getElementById("object") // will work? 

Answer 1

是的，它会工作。

对于getElementById来返回元素的DOM，只需要和那个元素应该在文档上它不管它在哪里。

Answer 2

它会工作。看到这个代码。 jQuery不是一种语言，它只是一个JavaScript插件，它利用了JavaScript中的可用函数。

console.log($('#object')[0]); 
 
console.log(document.getElementById("object")); 
 

 
$('#there').append($('#object')); 
 

 
console.log(document.getElementById("object"));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> 
 
<div id="here"> 
 
    <div id="object"></div> 
 
</div> 
 
<div id="there"> 
 
</div>