好き勝手に言ってみるゆるい話?開業・起業Amazon生活サイト内検索jQueryの$が使えない理由($の衝突を防ぐ方法)-ツイート-シェア---LINEで送る-B!ブックマーク-pocket-rss2017-11-222019-12-28イラストACの画像をもとに加工しています。jQueryでは$を使います。$がjQueryとして認識されずにエラーになることがあります。原因は$がすでにほかで使われているため、jQueryと衝突が起きています。解決方法はかんたんです。即時関数を使って解決します。かんたんに超高速WordPressでサイトを作る、KUSANAGIが使える低価格クラウド・VPS・レンタルサーバjQueryの$の意味jQueryでは$を使います。これは『jQuery』のエイリアスです。$を使って『jQueryの機能を使いますよ』ということを表します。jQueryの機能を使うたび『jQuery』を書くのはめんどうなので、$を使うことが一般的です。$が使えない理由は定義の衝突ごくまれに、$がjQueryとして認識されずにスクリプトエラーが発生することがあります。jQueryのfunctionがundefinedになります。$.css()など未定義はありえないものでエラーになります。これは、エイリアス『$』をjQuery以外で使っている、プラグインなどのJavaScripがあって、それと$の定義の衝突が起きて発生します。衝突のことをコンフリクト(Confrict)ともいいます。これを回避するには、即時関数を使ってjQueryを使うコードを囲うことで解決します。ここにjQueryのコードを書く。{}の中で使われる$はjQueryと同じ意味です。$はjQueryを定義しているのと同じです。jQueryを使うときは、(function($){})(jQuery)を必ず使うと決めてしまったほうがよいでしょう。ほかで使っている$と一緒に使いたいときほかで使われている$とJavaScriptの$をいっしょに使いたいときは、即時関数でエイリアスを変更します。ここにjQueryのコードを書く。$);$を使っているほかのJavaScriptのエイリアスを$pgに変更しています。この即時関数の中では、jQuery以外の機能は$pgで使います。$がjQuery以外でもかまいません。そのときは、jQueryを$jqなどのエイリアスにします。気づいている人もいるかもしれません。即時関数は、エイリアスを定義するのに使います。即時関数の中でしか適用されないので変数の汚染防止になります。』と書きかえても解決できます。これだと『jQuery』を何度も書かないといけないのでおススメできません。JavaScriptの即時関数は、HTMLをロードするときスクリプトコードが読みこまれた瞬間スクリプトを実行します。名前をもたない関数『無名関数』のひとつです。JavaScriptは、HTMLのいたるところに挿入できます。jQueryで$が衝突するようにほかのコードに影響されやすいため、このような独特な機能をもっています。『自分は向いていない』『やってみたけど挫折した』『プログラマだけどjavaScriptは未経験』『フロントエンドエンジニアを目指したい』など、いろいろなタイプに合わせた書籍を集めました。してもネットで自分で調べるのが苦手という人におすすめです。将来的には、書籍を買わずにネット上の公式ドキュメントで情報収集できるようなものを選んでいます。関連記事SNSでも記事を配信しています。*メールアドレス(公開されません。*このフォームを使用することにより、このウェブサイトによるデータの保管および取り扱いに同意するものとします。コメントデータの処理方法の詳細はこちらをご覧ください。(全16回)日本国憲法を読む。views今上天皇の読み方。Vol.3天皇の皇位継承の解決策は既にある。Vol.2天皇の男系・女系・双系の違い。Vol.14図で見りゃわかる。このサイトの使用を継続することで、その使用に同意したとみなされます。コントロール方法を含む詳細についてはこちらをご覧ください。(1)プロフィールシステムエンジニア&プログラマ。SIerに12年、フリーと会社員を交互に繰り返すこと4年。心疾患をわずらってしまい実家に戻って静養中。何もしないのはヤバいので、今まで得てきたものをWebサイトで発信しながら少しだけ活動中。静養しながらできることをして、迷走して、転んで、怪我してをくり返している。コメント等いただいておりますが、回答・回答は遅くなりがちです。(1週間以内で早い方。)20%くらいの力しか出せてないので、その点はご了承ください。コメント等のコミュニケーションは面と向かって話すのと同じだと思っています。初対面でいきなりケンカ腰で来られると、『いきなり刺されるかも?』と同じくらいに感じるので、100%レスポンスがあるとはかぎりません。そのエネルギーがないだけなんですが...くわしく見るSNSでも記事を配信しています。ただ屋ぁのブログ.topこの記事を気に入ったらぜひシェアも!!。