JavaScript DOM API （敗者） VS jQuery （勝者）

**Name_Not_Found** · 2018/02/26(月) 01:21:29.63

■ DOM API
(function() {
　'use strict';
　setInterval(function() {
　　var button = document.querySelector("paper-toggle-button[checked]");
　　if (!button || button.style.display == "none") return;
　　var evt = document.createEvent("MouseEvents");
　　evt.initMouseEvent("click", true, true, window,
　　　0, 0, 0, 0, 0, false, false, false, false, 0, null);
　　button.dispatchEvent(evt);
　}, 1000);
})();

■ jQuery
setInterval(() => $("paper-toggle-button[checked]").click(), 1000);

■ 解説
DOM API版は長く一行で書くことができないのでローカル変数と即時関数が必要になる。
セレクタで要素を取ってくることはできるが存在しない場合の対応が必要になる
クリックイベントの発行が面倒
よってjQueryで一行で書けることが、十行も必要になってしまう

よく単純な例をあげてDOM APIはjQueryの2倍程度しかコードが増えないようなことをいうが
とんでもない。ちょっと複雑な事をしようとするとjQueryの10倍必要になる

**Name_Not_Found** · 2018/02/27(火) 02:12:33.50

そもそも存在しない要素の処理にsetInterval使ってんじゃねえ。
jsだjqだ以前の問題だわ

**Name_Not_Found** · 2018/02/27(火) 14:54:04.37

しばらくjqueryがなくなることはないだろ
PHPみたいに、ちょっとしたことを実現するには十分だからな

**Name_Not_Found** · 2018/02/27(火) 16:32:39.58

即時関数は別にいらないし、DOMにもclick()あるし

**Name_Not_Found** · 2018/02/27(火) 21:31:45.39

jQuery は、ajax も簡単！

**Name_Not_Found** · 2018/02/27(火) 21:55:50.00

$("paper-toggle-button[checked]").click();

VS

var button = document.querySelector("paper-toggle-button[checked]");
if (button) button.click();

はやりこの差は埋められないのか

**Name_Not_Found** · 2018/03/01(木) 00:57:24.93

即時関数ってつわなくても良くなっただろう
何いってんのこのバカ

**Name_Not_Found** · 2018/03/01(木) 00:58:05.06

jQureyって結局javascriptでかいた関数使ってるだけやろがい

**Name_Not_Found** · 2018/03/01(木) 08:57:08.11

Optional Chainingがステージ１だからそのうちこう書けるようになるな
document.querySelector('paper-toggle-button[checked]')?.click()

**Name_Not_Found** · 2018/03/01(木) 09:40:01.34

じゃあStage 3まで上がることがあったら教えてくれ

**Name_Not_Found** · 2018/03/01(木) 10:04:42.48

了解

**Name_Not_Found** · 2018/03/02(金) 16:25:09.25

まだStageは一つも上がってないの？

**Name_Not_Found** · 2018/03/02(金) 16:44:58.48

なんか文法の見てくれが悪いのでどうしようか揉めてるらしい。
今のまんまだとbtn?.click()とかはいいんだけど
func?.() // 関数呼び出し
ary?.[0] // 配列アクセス
とかになっててキモくて不評らしい。

**Name_Not_Found** · 2018/03/02(金) 17:19:56.61

rubyパクって&.にすればいいのに

**Name_Not_Found** · 2018/03/02(金) 18:17:47.41

rubyはお得意の節操なくなんでも取り込みで?.入れようと思ったけど記号使っちゃってて&.にせざるを得なかったという、しょうもない、恥ずかしい話。
行き当たりばったりでなんでもかんでもよく考えずに流行ってるからと節操なく取り入れるとこうなる。
proc、block、lambda共存とか常軌を逸してる。
関数が第一級オブジェクトじゃない言語は後付けで大変だなｗ哀れｗ

**Name_Not_Found** · 2018/03/02(金) 18:24:52.62

Unicode使えばいいのに

**Name_Not_Found** · 2018/03/03(土) 22:57:08.40

散々jQueryに頼っといて、ブラウザ依存改善してAPI揃ったら「jQueryおっせーｗこれからはバニラ！」とかｗお前ホントにそれで書いてんの？
せめて後出しするならjQueryより使いやすいもの出せよ

**Name_Not_Found** · 2018/03/06(火) 00:21:41.71

定義されたもの使って糠喜ぶアホかよ

**Name_Not_Found** · 2018/05/01(火) 18:38:03.34

誰でもできる在宅ワーク儲かる方法
少しでも多くの方の役に立ちたいです
グーグルで検索するといいかも『金持ちになりたい鎌野介メソッド』

RL57C