jQueryは1個の要素と複数個の要素を同じように書かせる - fsubal

#フロントエンド #設計 #JavaScript 「1個の要素と複数個の要素を同じように書かせる」というのが実は jQuery の特徴の一つだと思っている。 document.querySelector() や querySelectorAll が出現して以降 jQuery の必要性はほとんどなくなったと言われる。 実際にこんなサイトもあるし https://youmightnotneedjquery.com/ これは実際その通り 一方、jQuery で書かれたコードを querySelector や querySelectorAll に移行しようとしたら苦しかったという経験をした人は多そう。 上のコードが下のようになる。 code:javascript $('.foo').on('click', e => { // ... }) Array.from(document.querySele

[kabochatori]

jQueryの気に入らない点の一つがこれ。一見便利でも駄目な便利だと思う。

[ka-ka_xyz]

本題とずれるけど、querySelectorとquerySelectorAllが別れてるのなぜなんじゃよ感（idではなく検索条件を指定して何かを取得するAPIで、「最初の一個しか取得しない」のをわざわざ作る必要あったのかな……

[turanukimaru]

クエリはID指定でなければ必ず複数あるんだよ一個なのはたまたま一個なだけだ。あと each を使うのは複数を外から操作するから each であって後者は複数を「要素の中」から操作するから each 要らない。別の問題だ。

[mon_sat]

このケース Array.from いるんだっけか？ querySelectorAll().forEach() ってできたはず

[AmaiSaeta]

分かる。そういう意味でjQueryは正しく「クエリー」。SQL的というか。 | ただ、その目的でCusrom Elementを持ち出すのはAPIの意味・意図が異なるので良くないと思う。

[strawberryhunter]

DOM APIがjQueryみたいになっていたらオーバーヘッドが批判の対象になって1個だけのAPIが用意されるのは明白。jQueryのその便利機能はCSSやevent bubblingを正しく理解していると使う機会が無いように思う。

[puruhime]

jQueryはモナドと語られていた頃から、ずいぶんと遠くに来てしまった / 知らない要素が結構あったので調べとこう

[yarumato]

“querySelector＋addEventListenerだけでjQueryを置き換えるのは難しい。が、そこにCustom Element（定義したら独自のHTML要素が書ける）も組み合わさることで簡単かつ治安のよいDOM操作を書ける”

[umai_bow]

モナド！

[tmayuko312]

まさか令和でもjQueryを使ってるとは思わなんだよね。制作では特に。VueはいくらかあるけどReact、Angularなんて見たこともない。開発の方はReactやVueのほうが多いのかもしれないけども。

[Futaro99]

jquery初めて使った時革命が起きたと思ったけど、こんな扱いになるとはねぇ

[chiroruxx]

結局、バニラで書くよりもjQueryで書くほうがコード量が少なく、見通しが良くなるんだよな。

[ttkazuma]

またjqueryが勝ってしまったか...

[hase0510]

人々がjQueryはモナドか？モナドだろ？とか言ってた頃から13年くらいたっているらしいです。

[cpw]

querySelectorとquerySelectorAllは戻り値が配列ライクなものか要素なのかで使い勝手が大きく違うよね。ar[0]とやってるコードはバグの可能性が高くてほぼコードレビューで指摘することになる。必要な時はコメント入れなきゃだ

[bps_tomoya]

だから jQuery を使おうとは思わなかった（ライブラリがなくとも容易に解決できるならいらない）のと、React や Vue のような規模を入れるのは Web サイトではなく Web アプリを作るときに考えるべきものだと思った

[odakaho]

querySelector と fetch は jQuery より使い勝手落ちてる感ある

[ghostbass]

変数とか関数とかメソッドの名前を省略するのは好きではないがdocument.querySelectorAll('.foo')と$('.foo')とどっちが読みやすいかって話ですよ

[xlc]

jQueryの設計が優れていたのはこの点。単数と複数を区別しなくて済む。その一方で存在しないノードに対する操作に気がつかないという弱点でもある。

[stabucky]

新しい書き方が覚えられず今でもjQueryで書いてしまう。