jquery なぜ[0]を使うのか

Question

jqueryで

$(this)[0].resetとか
scrolltop[0]とか使うと思うのですが[0]てなんでしょうか？？

formの中身をresetしようとするときにreset使いますが
form[0]の中身をみてみても、
<input name="utf8" type="hidden" value="✓">
formの最初の要素しか取れてないんです。[0]だから当たり前とはなりますが
なぜそれで動くのかが謎です。

参照したpage
(http://blog.dododori.com/create/program/jquery-reset/)
なぜ[0]が必要なのでしょうか？
[0]の意味を教えてください。

Comments

[kei344]

例示しているコードの「[0]」の位置がおかしいです。参考ページを基に修正してください。

Answer 1

$(this).reset[0]とか

参考サイトの内容を転機するときにはより慎重に
上記ではまったく意味不明です

$(this)[0].reset()

とかですよね？

流れ的にはこう

<script>
$(function(){
  $('#btn_set').on('click',function(){
    $(':text').eq(0).val("a").end().eq(1).val("b").end().eq(2).val("c");
  });
  $('#btn_reset1').on('click',function(){
    $(this).closest('form').reset(); // error
  });
  $('#btn_reset2').on('click',function(){
    $(this).closest('form').trigger('reset'); //普通はこれ
  });
  $('#btn_reset3').on('click',function(){
    $(this).closest('form')[0].reset();
  });
  $('#btn_reset4').on('click',function(){
    $(this).closest('form').get(0).reset();
  });
});
</script>
<form>
<input type="text" value=""><br>
<input type="text" value=""><br>
<input type="text" value=""><br>
<input type="button" value="set" id="btn_set"><br>
<input type="button" value="reset1" id="btn_reset1">
<input type="button" value="reset2" id="btn_reset2">
<input type="button" value="reset3" id="btn_reset3">
<input type="button" value="reset4" id="btn_reset4">
</form>

3,4はjQueryオブジェクトからDOMを取り出してエレメントのメソッドを
実行しています

Answer 2

.reset()が、DOMにしかないメソッドだからです。

$(セレクタ)のようにして得られるオブジェクトはjQueryオブジェクトで、これには.reset()はありません。中身のDOMオブジェクトを[0]、あるいは.get(0)などで取り出す必要があります。

Answer 3

意味：配列の一番最初の要素
理由：要素が配列で取得されるから

ID指定でない限りは1画面内に要素が複数存在できるため、実態として1つしかなくてもプログラム上は配列として扱う必要があります。

[]の表記をとったりループで回してみたり色々試してみては。そしたら理解は深まると思います(あと、jQueryドキュメントでセレクタ関係を確認)