WordPressのjQueryで$が使えないという情報が見られます。ぼくもこの不具合を経験していたのでそう思っていました。
でも、その情報は間違いです。jQueryの$は使えます。そして、その方法は簡単です。
とても簡単なのでまずは答えから。
(function($) {
// ここにjQueryを使用したコードを書く。
})(jQuery);
このように、自分で書いたjQueryのコード全体をくくります。これは、
囲まれたものの中で$はjQueryになる
という、JavaScriptの機能を使っています。無名関数と言います。上の()で指定した$と、下の()で指定したjQueryをつなげているわけです。
この方法を『オブジェクト・変数の汚染防止』と言います。
くわしくは『jQuery, $が使えない理由($の衝突を防ぐ)』にあります。
- WordPressでjQueryの$は使える
- JavaScriptの無名関数を使う
なぜ、Wordpressでは使えないと言われるのか?
WordPressでjQueryの$が使えない理由は、
- カスタマイズのしやすさ
- プラグインの豊富さ
にあります。使っているWordpressのjQueryのコードは、それだけたくさんの人たちで書かれています。
中には$をjQuery以外で使っている人もいるでしょう。しかも汚染防止対策をしないで。
WordPressもどうにかしようと、コーディング規約や公開前の審査を設けたりしていますが、開発者の数とWordpressの急成長に追いついていません。
もともと、自由に参加してみんなで大きくしようというWordpressの特長があるので、仕方のないことでもあります。