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>