- ベストアンサー
jQueryセレクタ？ $$("div")
・サンプルコードに、$$("div"); と書かれていたのですが、どういう意味でしょうか？ ・$("div")でセレクタしたものを、さらにセレクタ？ ・可変セレクタ？？？
- re97
- お礼率80% (601/744)
- JavaScript
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
その記述は $$ という関数を、引数 "div" を与えて呼び出しています。 その記述自体にはそれ以上の意味はありません。 例えば、$$を以下のように定義しておけば alertがでます。 function $$(a){ alert(a); } $$("div");
その他の回答 (1)
- hitomura
- ベストアンサー率48% (325/664)
すみませんが、その一文だけでは何とも言えません。 そのサンプルコード全体を補足に記述するか、または、サンプルコードのあるページの URL を提示願います。
お礼
回答ありがとうございましたー
関連するQ&A
- JQueryのセレクタ
jqueryでセレクタの取得をしたいのですがうまくいきません div要素の中のspan要素を取得したいのですがclassで取得すると重いのでid属性で場所を限定してからclass属性で絞り込みたいです こんな感じにしたらだめでした $("#hoge.foo").html('ほげ'); html <div id=hoge> <span class=foo></span> </div>
- ベストアンサー
- JavaScript
- jQuery 階層セレクタとフォームセレクタの混在
いつもお世話になります。 jQueryで、階層セレクタにフォームセレクタを使用すると、一部思うように動作しないセレクタがあります。動作しないのは、例えば以下のセレクタです。 HTML ------ <div id="div1"></div> <input type="hidden" name="hdn0" value="h1" /> <input type="hidden" name="hdn1" value="h2" /> ----- jQuery ----- $(function() { var obj = $("#div1"); alert($("~ input:hidden[name='hdn0']", obj).val()); alert($("~ input:hidden[name='hdn1']", obj).val()); }); ----- 上記のセレクタは、階層セレクタで 「prev ~ siblings」 のsiblingsを、フォームセレクタの:hiddenを指定しているのですが、この:hiddenが効いてないみたいなのです。 （:hiddenを外せばとれます） 自分なりに調べてみて、siblingsにはセレクタを指定することができると思っています。 しかしこの認識は間違っているのでしょうか。 宜しくお願いします。 jQuery：1.7.2 （https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.jsを使用）
- ベストアンサー
- JavaScript
- jQuery 子孫セレクタがうまくいかない
最近jQueryを勉強しはじめた者です。勉強していく中で、 疑問が生じたので、質問させていただきます。 jQueryの子孫セレクタが意図したとおりに動きません。 具体的には ： $(function(){ $("p strong").remove(); }); ： <p><em><strong>削除される</strong>abcdefg</em></p> <p><div><strong>削除されるはず</strong>abcdefg</div></p> ： と記述した時、 <strong>削除されるはず</strong> の部分が削除されません。 <strong>削除される</strong> の部分は削除されます。 以下のときは、2つとも削除されます。 ： $(function(){ $("li strong").remove(); }); ： <ol> <li><em><strong>削除される</strong>abcdefg</em></li> <li><div><strong>削除されるはず</strong>abcdefg</div></li> </ol> ： 私は、どの場合であっても削除されると考えていました。 ブロックレベル要素とインライン要素が関係していそうな感じはするのですが、 なぜ、このようになるか理由がわかりません。 よろしくお願い申し上げます。
- 締切済み
- JavaScript
- <div>の中の<div>の意味
根本的な<div>の意味が分かってないと 思いますが私の質問にアドバイスをください。 .sub { width:200px; } .sub div { background-color:#CCCCCC; } 1: <div class="sub"> 2: <div>Sample</dev> 3: </dev> 上記のスクリプトにおいて<div>の中に<div>があります。これら２つの<div>の違いがよく分かりません。 アホに教えるようにご教授いただければ助かります。
- ベストアンサー
- HTML
- div要素について。
div要素について。 <div id="style"> <?php if(function_exists('○○○')) { ○○○(); } ?> </div> <?php ?>の部分に任意の文字が呼び出されるのですが、 その文字量にしたがってdiv#styleの横幅を可変させたいのですが可能でしょうか？ 文字が５文字の場合は５文字幅。 １０文字の場合は１０文字幅といったように可変させたいです。 何らかの方法がありましたらご教授いただきたいです。 よろしくお願いします。
- ベストアンサー
- HTML
- 子セレクタがIE8で反映されません。
子セレクタがIE8で反映されません。 どうしてでしょうか？(firefoxだと反映される) コードは以下のとおりです。 <html> <head> <title>子セレクタ</title> <style type="text/css"> <!-- div > span { background-color:green; color:white; } --> </style> </head> <body> <div> <span>スタイル設定対象</span> <h1> <span>スタイル設定対象</span> </h1> </div> </body> </html> OSはVISTAです。 よろしくお願いします。
- ベストアンサー
- HTML
- jQueryでdivをクリックし別窓で開くには？
jQueryでdiv全体をクリックできるようにできたのですが、 どうしても別窓で開く方法が分かりません。 もう、5時間ほど調べましたが、うまくいきません。 どなたか下のコードが別窓で開くように修正していただけませんでしょうか？ よろしくお願いいたします。 <script type="text/javascript"> $(function(){ $(".sample").click(function(){ window.location=$(this).find("a").attr("href"); return false; }); }); </script>
- ベストアンサー
- JavaScript
- ｊQuery。セレクタに変数を使えないケース？
Javascript勉強駆け出しの者です。ＷＩＮ7、Chromeを主に使っています。 <!DOCTYPE html> <html> <head> <meta carset="utf-8"> <script src="js/jquery-1.11.0.min.js"></script> <style> .chr{ position:absolute; } </style> </head> <body> <div id="gyoku" class="chr" style="top:60px;left:0;"> <img src="parts/gyoku.png"> </div> <div id="hisya" class="chr" style="top:120px;left:0;"> <img src="parts/hisya.png"> </div> <div id="kaku" class="chr" style="top:180px;left:0;"> <img src="parts/kaku.png"> </div> <script> var chrid; dragflg=false; $(".chr").css("position","absolute") .mousedown(function() { dragflg=true; chrid=$(this).attr('id'); }) .mouseup(function(){ dragflg=false; }); // $("#gyoku").mousemove(function(e){ $("#"+chrid).mousemove(function(e){ if(dragflg) { e.preventDefault(); $(this).css("left",e.clientX-20+"px") .css("top",e.clientY-20+"px"); } }); </script> </body> </html> 一応、シンプルにドラッグドロッププログラムを書くというのを目指したものです。 対象のキャラ（約35×50px）を3つほど用意し、mousedown時に変数chridにid名を読み込み、切り替えてドラッグドロップするという狙いですが、うまくmousemoveがいきません。mousemove行を１行上のコメント行に差し替えて個別にidを直接書けば意図通り動くのに、変数を使用するとダメなようです。ｊQuery解説サイトでも、セレクタに"文字列"+変数という書き方は使える、という説明で、"#gyoku"と chridに"gyoku"を読み込んでいる時の"#"+chrid は同じ意味と認識しているのですが、違うのでしょうか？ どうすればうまく動くのか、どなたかご教示お願いします。 ｊQueryUIを使った方が手っ取り早いというご指摘もあるかと思いますが、この際、ｊQueryのセレクタで変数が無効なケースとは何かを知りたくなってしまったので、これはこれとして教えていただければ幸いです。
- ベストアンサー
- JavaScript
- jQuery 最初のDIVの前へ、最後のDIVを
jQUeryで、 指定した要素の中にある複数のDIVの内、最初のDIVの前に 指定した要素の中の最後のDIVを複写して作成。 そして、 指定した要素の中の最後のDIVを削除する 方法について教えていただけないでしょうか。 <div id="waku"></div> Menu=[{'Cmnt1':'aaaaaaa'},{'Cmnt1':'bbbbbbbbbb'},{'Cmnt1':'ccccccccccc'},{'Cmnt1':'ddddddddd'}]; for(var i=0;i<Menu.length;i++){ $(#waku).append(<div id="eachDiv"'+i+'">'+文字列+'</div>'); $('#eachDiv'+i).append('<br>'+i+' : '+Menu[i].Cmnt1); } として、以下のようなイメージのdivの構造を作成します。 <div id="waku"> <div id="eachDiv0">文字列 <div>0:aaaaaa</div> </div> <div id="eachDiv1">文字列 <div>1:bbbbbbbb</div> </div> <div id="eachDiv2">文字列 <div>2:ccccccc</div> </div> <div id="eachDiv3">文字列 <div>3:ddddddd</div> </div> </div> 上記のような構造を 以下のような構造にしたいのです。 <div id="waku"> <div id="eachDiv3">文字列 <div>3:ddddddd</div> </div> <div id="eachDiv0">文字列 <div>0:aaaaaa</div> </div> <div id="eachDiv1">文字列 <div>1:bbbbbbbb</div> </div> <div id="eachDiv2">文字列 <div>2:ccccccc</div> </div> </div> 次のようにしてみましたが、#eachDiv3の中の要素のみ複写されてしまいます。 つまり、以下のようになってしまいます。 <div id="waku"> <div>3:ddddddd</div> //eachDiv3の中身 <div id="eachDiv0">文字列 <div>0:aaaaaa</div> </div> <div id="eachDiv1">文字列 <div>1:bbbbbbbb</div> </div> <div id="eachDiv2">文字列 <div>2:ccccccc</div> </div> <div id="eachDiv3">文字列 </div> </div> //コード var elem=$('#waku div:last'); $('#waku div:first').before(elem.clone(true)); elem.remove(); #eachDiv3自体を先頭へ複写して、最後の#eachDiv3を削除するにはどのようにしたら良いのでしょうか。 よろしくお願いいたします。
- ベストアンサー
- JavaScript
- Jqueryのセレクタ範囲について
お世話になります。 【Jquery】 $("#aaa").click(function(){ $(this).css("opacity","1"); }); 【HTML】 <div id="aaa"> <p>hogehoge</p> <p>hogehoge</p> <input type="text" name="hoge"> </div> <div id="aaa"> <p>hoge2hoge2</p> <p>hoge2hoge2</p> <input type="text" name="hoge2"> </div> 上記の2つのdivでそれぞれのdiv内をクリックするれば、そのdiv内のみCSSが適用されるのですが、inputをおした時は発火しないようにすることはできますでしょうか？ $("#aaa").not(":input"） としてみたのですが、$(this)の値が変わるためDIVが変化しなくなりました。 反対に「$(this).css」を「 $("div#aaa").css」にすると2つのDIVに同時に適用されてしまいます。 何か良い方法がありましたらよろしくお願い致します。 ※子要素であれば$(this)の下に「.find('input～）」と加えて行けばいいと思うのですか上に遡るにはどのような方法がよいのでしょうか？
- ベストアンサー
- PHP
お礼
回答ありがとうございました。 ＞$$ という関数を、引数 "div" を与えて呼び出しています ・改めてコードを見直したら、該当する記述がありました ・こんな書き方できるんですね ・大変参考になりましたー