javascript - このコードはどのように機能しますか?

Question

数分前にいくつかのコードを見ていましたが、これは私を混乱させます。

$("nav a").mouseenter(function() {
  audio.play();
});

「$」が document.getElementById(""); の jQuery であることはわかっています。mouseEnter は「nav a」のイベント ハンドラーですが、関数はどのようにイベントに割り当てられますか? 代入演算子「=」がありませんか?

JavaScript を完全に取り込もうとしているので、jQuery についてはまだよくわかりません。そのため、コードを純粋な JavaScript に変更しようとすると、機能しないようです...

document.getElementById("playAudio").onclick(function () {
   audio.play();
});

なぜだか分からない？私はそれが同じコードだと思いましたか？...

Answer 1

ドル記号は だけに限定されているわけではなくgetElementById()、jQuery オブジェクトであり、あなたの場合、nav要素を呼び出してaから 内のタグを取得していますnav。要素を取得した後、イベントを匿名でアタッチし、イベントが発生するたびに関数を実行できるようにします。