jqueryのshow（）メソッドが動作しない

Question

次のコードがあります。

$(document).ready(function() { 
    var factoryImage = document.getElementById("photo"); 
    factoryImage.src = document.getElementById('<%= FactoryImageFileNameHF.ClientID %>').value; 
    factoryImage.show(); 
}); 

次のjqueryのスクリプトソースがあります。

<script src="/Scripts/jquery-3.0.0.min.js" type="text/javascript"></script> 

次のエラーが発生します。

jQuery.Deferred exception: factoryImage.show is not a function TypeError: factoryImage.show is not a function 
at HTMLDocument.<anonymous> (http://localhost:3373/Intranet/OHS/InteractiveMap/FactoryLayoutSettings.aspx:403:38) 
at j (http://localhost:3373/Scripts/jquery-3.0.0.min.js:2:29588) 
at k (http://localhost:3373/Scripts/jquery-3.0.0.min.js:2:29902) undefined 

これはfactoryImage.show（）の行にあります。ここで

は画像

<img id="photo" src="/Icons/Factory Layout.png" style="display:none"/> 

があると私はjqueryの中factoryImageがnullまたは未定義でないことを確認することができます。 私には分かりにくいものがありますが、それは簡単にわかりますが、わかりません。なぜshowメソッドが動作しないのですか？

Answer 1

問題はfactoryImageは、jQueryの要素が、DOM要素ではないということです、これは

$(document).ready(function() { 
    var factoryImage = $("#photo");       
    factoryImage.attr("src", document.getElementById('<%= FactoryImageFileNameHF.ClientID %>').value); 
    factoryImage.show(); 
});