• ベストアンサー

jquery.～～（$.～～）について

基礎的な質問ですいませんがよろしくお願いします。 jQueryの記述方法でよく見るのは$("body")などのセレクター指定ですが、 $.supportとか、jQuery.fancybox(～～とかいうときの $【jQuery】は具体的にどういう意味になるんでしょうか？ $がjqueryの省略形だとか、なんとなく漠然とはわかるんですが、 特に$.fancybox(～～だとかの場合がよくわかりません。

質問者が選んだベストアンサー

  • ベストアンサー
noname#177743
noname#177743
回答No.1

jQueryは、jQueryというオブジェクトを用意し、その中に必要な処理などをまとめています。$は、このjQueryオブジェクトのショートハンド（簡単に書いて使えるようにしたもの）です。 $(○○)というとき、jQuery関数が呼び出され、必要なDOMを取得するようになります。また$.○○()というときには、jQueryオブジェクトの中に用意されているメソッドを呼び出しています。 JavaScriptは、関数そのものもオブジェクトになっていますので、「関数でもあり、オブジェクトでもある」というjQueryオブジェクトのようなものが作れます。

picicate
質問者

お礼

大変丁寧にありがとうございました！ $.○○()がメソッド呼び出しという点がとくに、 的確な言葉として理解できていなかったので すごくわかりやすくなり理解できました。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • jQueryで<body>内の特定のコードを削除

    よろしくお願いします。 jQuery（ver.1.8.3）を使って<body>内に記述されているHTMLコードを削除したいのですが、どのように書いたらいいのでしょうか。 ■削除したいコード <script src="http://www.hoge.com/hoge.js"></script> ■HTML <html> 　<head>省略</head> 　<body> 　　<script src="jquery-1.8.3.min.js"></script> 　　<script> 　　$(function(){ 　　削除するスクリプト？ 　　}); 　　</script> 　　<script src="http://www.hoge.com/hoge.js"></script> 　</body> <html> こちらからは編集できない領域にあるHTMLコードのため、jQueryを使ってどうにか削除できないかと思い質問させて頂きました。 どうぞよろしくお願い致します。

  • jQueryプラグインでfn指定しないのはどんな時

    ■質問1 ・jQueryプラグイン内で、jQuery.fn.hoge = function() {と書くと、jQuery(指定セレクト要素).hogeでメソッド実行できるみたいですが、逆にプラグイン内で、jQuery.hoge = function() { と書くのはどんな時なのでしょうか？ セレクタで呼び出さないとき？ ■質問2 ・「jQuery.fn.extend」「「jQuery.extend」は、上記とはまた別の話なのでしょうか？

  • たすけて！ｊQueryがさっぱりわかりません！

    Dreamweaverでサイトを制作しています。 ｊQueryは何をどこにダウンロードして何をどこにうちこめばいいのか？ さっぱりわかりません…。 http://jquery.com/からなにかをダウンロードするということはわかるのですが…。いろいろありすぎて何をダウンロードすればいいのか…。 しかもダウンロードしたファイルはどこに保存してどうやってhtmlとむすびつけるのか。 タグはhtmlのどこに書けばいいのか、くわしく赤ちゃんに説明するつもりで教えていただけると助かります。 ちなみに（http://toddmotto.com/introducing-superbox-the-reimagined-lightbox-gallery/）を使いたいのです。 サイトを見たのですがこのコードはどこにいれたらいいのかさっぱりわかりません。 head内なのかbodyなのかはたまた別でcssを作るのか？ 【質問まとめ】 ・（http://toddmotto.com/introducing-superbox-the-reimagined-lightbox-gallery/）のギャラリーをつかいたいが取り込み方がわからない。 ・上記URLからのダウンロード以外で（http://jquery.com/）からのダウンロードは必要なのか？ ・ダウンロードしたものはファイルのどこにいれたらいいのか。 ・どうすれば現在つくっているhtmlにｊｓをむすびつけられるのか？ ・head、bodyそれぞれになにをいれたらいいのか？ ・ともかくなにをどこにいれたらいいのかさっぱりわかりません。 ・こういうものは$(function(){})どこにいれたらいいのか、これはなんなのか？ 質問が多くてすみません。どうかよろしくお願いします。

  • jqueryが動作しない

    jqueryが動作しません。 私が行った手順を書きます。jqueryのサイトからdownloadをします。英文だったのでDreamweaverで開いて名前を付けて別名で保存しました。jquery-1.8.0.js拡張子で保存。 ソースコードをかいてみました。 <html> <head> <script src="jquery-1.8.1.min.js"></script> // urlを指定した場合です。 <script src="http]//jquery-1.8.1.min .js"></script> </head> <body> <h1>Jquery</h1> <script> $(function(){ $('h1').css('color'.'red'); }); </script> </body> </html> これを保存します。（拡張子は.navi.html) 実行しても動作しません。どうしてでしょうか？

  • jQuery 読み込み

    jQuery 読み込み ソースなのですが <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>jqueryの練習</title> </head> <body> <p>jQueryの練習</p> <script src="http://code.jquery.com/jquery-1.10.1min.js"></script> <script> $(function(){ $('p').css('color','red').hide('slow'); }); </script> </body> </html> で9行目と11行目がエラーになります。 英語読めないのでエラーの内容はわかりませんが jQueryが読み込めてないのだと思っていて そこで質問なのですが 9行目で「http:～」と絶対パスで指定してるのにも関わらず jQueryを読み込めない理由って何かありますでしょうか？ （全く的外れな事を言い出していたらごめんなさい。）

  • jQuery UI - Tabs

    jQuery UI - Tabsについて質問です。 jQuery UI - Tabsのｒｏｔａｔｅを利用して、自動的にタブが切り替わり、アクティブなタブの色が変わるといったプログラムを作成しました。 選択されたタブの色をCSSに直接記述してある時は、自動的にアクティブなタブの色が切り替わるのですが、"選択されたタブ.css("#555555")"というよプログラム上で指定した場合は正しく色が切り替わりません。 プログラム上で色を指定した場合でも、正しく色が切り替わるようにするにはどのようにしたらよいでしょうか。 お分かりの方がいらっしゃいましたら、ご教示願います。

  • ｊQueryが使用できません

    現在JavasscriptのｊQueryの学習をしているのですが、ｊQueryがうまくページ上で反映されず、さっそく困っています。 下記コードのようにカラー、フォントを指定しているのですが、反映されません。 方法としてはgoogleからｊQueryファイルを読み取って利用しようとしています。 ブラウザはgooglechoromeを使用しています。 <doctype! html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>jQuery</title> <script src="http://code.jquery.com/jquery-1.10.1.min.js"> $(function(){ $("h1").css("background-color", "yellow"); $("strong, em").css({ "font-size": "150%", "font-style": "italic", "color": "blue"　}); }); </script> </head> <body> <h1>jQuery</h1> <p><strong>jQury</strong>は便利なJavascriptの<em>ライブラリ</em></p> </body> </html> 解決方法に心当たりのある方、どうかよろしくお願いします。

  • 要素名がスペースを含む場合のjQueryのセレクタ

    jQueryのセレクタで、"btn01 bi"という要素内のspanを 指定したいと思っています。 しかし、以下の書き方ではダメなようです。 $('.btn01 bi span').click(function(){　… スペースが含まれるからなのはわかりますが、この場合はどう書けば 良いのでしょうか？ ご教授ください。

  • jQueryの属性フィルタにつきまして

    以下の部分のjQueryの属性フィルタで指定する方法がわかりません。 <div style="text-align: left; margin-left: 0px;"> ほげほげ </div> jQuery('div[style="text-align: left; margin-left: 0px;"]').css("display","none"); ってのは、どこかおかしいと思うのですが、 [attribute=value]というルールに沿うとこういった指定になります。 そもそも、style属性の場合は、属性フィルタは使えないのでしょうか。 あるいは、CSSのvalueまで判別させる場合は、この記述は無理なのでしょうか。 name="hoge" とかなら容易に指定できて効くのですが。。。 素人質問で恐縮ですが、 ご教授いただけると助かります。 参考になるページでも構いません。 どうぞよろしくお願いします。

  • jQueryのclickについて

    現在仕事でjQueryを使用して、要素の表示非表示を行うイベントを作成しているのですが、一つ難題がありまして・・・まず下記に簡単に文法を記述しましたのでご覧下さいませ・・・ 『html』 <ul> <li>ボタン1</li> <li>ボタン2</li> <li>ボタン3</li> </ul> <div class="area"><!-- 要素 --></div> <div class="area"><!-- 要素 --></div> <div class="area"><!-- 要素 --></div> 『jQuery』 j$("li").click(function(){ var btnNum = j$("li").index(this); j$(".area").hide(""); j$(".area").eq(btnNum).show(""); }); 上記にしたときに例えば”ボタン1”を押した時に再度”ボタン1”をおすとここでいう一番目の”area”を消去したいのですが、 toggleを使用すると”ボタン1”を押した時に”ボタン2”を押すと再び”ボタン1”を押すと、消去してからの動作をするため二度クリックしないと”area”が表示されません… そこでtoggleの様な動作で、同じボタンを二度押すと対象の要素が消去されるようないい方法ありませんでしょうか？ 折角jQueryを使用しているのでスリムな記述がしたいんですよね・・・ 宜しくお願いします。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する