jQueryのUIがgetElementByIdでドラッグできないのはなぜですか？

Question

2つは同じものだと思いました。

$("#SomeId") 

と

document.getElementById("SomeId") 

は私が間違っていると仮定ので、次の作品これらのいずれもがそうであるように

$("#SomeId").draggable(); 

document.getElementById("SomeId").draggable(); 

または

var x = document.getElementById("SomeId"); 
x.draggable(); 

ここでの違いは何ですか？ JQueryを使用して選択した要素のみがJqueryUIで動作するように、JQueryはいくつかのトリックを行い、登録していますか？

これまでのところ、私のプロジェクトはバニラのJavascriptだけでしたが、今はJQueryを使用する必要がありますので、移行しています。私はこれを回避し、修正のためのいくつかのアイデアを持っている方法を知っていますが、私の質問は約なぜこれは理解がより重要なので動作しません。

Answer 1

jqueryセレクタが単なる要素以上のものを取得するため、これは機能しません。これはjqueryオブジェクトを返すので、.draggable()のようなjquery-eeの処理を行うことができます。

あなたはjavascriptのgetElementById()メソッドを使用する場合は、あなたが上にあなたの例を変更した場合にそれを動作させることができます。

jQueryオブジェクトに無地javascriptオブジェクトをオンにします

var x = document.getElementById("SomeId"); 
$(x).draggable(); 

。

jqueryオブジェクトとjs domオブジェクトの両方をconsole.log（）で別々に表示すると、それらが非常に異なることがわかります。