Jqueryの記法でわからない点がございます

Question

以下のAおよびBの記法を初めて見たのですが、
Aは複数のクラスがある場合、配列のように[0]番目のクラスを指定することができると解釈したのですが$($(で
$を重ねる時点で少し戸惑ってしまうのですが、参考になるようなサイト等ございますでしょうか？

また、Bについても、Jquery アロー演算子などいろいろ検索してみたのですが
()=>{}
に使い方を調べることができません。同じように参考になるものがあれば、教えていただきたいです。

よろしくお願いいたします。

//A
const hoge = $($('.fuga')[0])


//B
foo.click(() => {
  hoge.slideToggle("slow")
})

Answer 1

A

The jQuery object itself behaves much like an array; it has a length property and the elements in the object can be accessed by their numeric indices [0] to [length-1].

jQuery

jQueryオブジェクトは配列のようにアクセスすると、エレメントを取得できます。

A DOM element to wrap in a jQuery object.

jQuery( element )

$(element)とすることによって、jQueryオブジェクトを取得できます。

ただ、これが何をしたいコードなのかはよくわかりません。:eq()セレクタでいいような気がします。

B

大雑把に言うと、functionを短く書く構文、みたいな感じです。
アロー関数 - JavaScript | MDN

Comments

[maguzo]

コメントありがとうございます。
アロー関数のような、関数の書き方もあるのですね、読むと
argumentオブジェクト等の挙動が異なるようなので、
もう少し調べてみようと思います。
よろしくお願いいたします。

Answer 2

$($('.fuga')[0])

単に重ねてるだけなので、参考サイトは難しいかも？
内側から分解しましょう。

a = $('.fuga');
b = a[0];
c = $(b);

もう少し簡単な書き方があるように思いますけども。
こんな感じ。

$(".fuga").eq(0)

• eq()

Comments

[maguzo]

コメントありがとうございます。
とてもわかりやすかったです。
普段eq()を使うので、ほとんど同じように使えて、このようにオブジェクトのように
扱うこともできるのですね。