How can I access javascript methods from jQuery selectors
<p>I have this plain js:</p>

<pre><code>var innerText  = document.getElementById("TaskId").options[0].text;
</code></pre>

<p>And I was wondering how to convert it to jQuery:</p>

<pre><code>var innerS = $("#TaskId");
var innerText = innerS.options[0].text;
</code></pre>

<p>This throws an error: </p>

<pre><code>innerS.options is undefined
</code></pre>

<p><strong>EDIT</strong></p>

<p>In accordance with some of the debate I threw a quick speed test together:</p>

<p>js:</p>

<pre><code>var startDat = Date.now();
for (var c = 0; c &lt; 100000; c++) {
    var com = $("#TaskId").get(0);
}
var endDat = Date.now();
alert("jQ.get(0) took " + (endDat - startDat) + "ms");


var startD = Date.now();
for (var co = 0; co &lt; 100000; co++) {
    var com = $("#TaskId")[0];
}
var endD = Date.now();
alert("jQ[0] took " + (endD - startD) + "ms");

var startDa = Date.now();
for (var comp = 0; comp &lt; 100000; comp++) {
    var compa = document.getElementById("TaskId");
}
var endDa = Date.now();
alert("js took " + (endDa - startDa) + "ms");
</code></pre>

<p>results:</p>

<pre><code>jQ.get(0) took 1042ms
jQ[0] took 1057ms
js took 136ms
</code></pre>
