• ベストアンサー

$(function() という書き方について

神崎 渉瑠（@taloo）の回答

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

jQueryに限っては同じです。

muuming2001
質問者

お礼

ありがとございましたー

この回答がついた質問に戻る
  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • jQueryの $(function(){ });

    jQueryについて基本的な質問をさせてください。 基本的にjQueryは、お約束として $(document).ready(function(){ }); と記述し、その中に実行処理を書いていくと思うのですが loadを待たずに実行させたい時は $(document).ready(function(){ });は記述しなくてもよいのでしょうか？ どの本をみてもjQueryのお約束事みたいに $(document).ready(function(){ });　を必ず書くと載っています。 自分でやってみたところ、記述しないでも問題なく動いているのですが、 やっぱり　$(document).ready(function(){ });　を記述しないと、何か問題があるのでしょうか？ ご存知の方、教えてください。 どうぞ宜しくお願いたします。

  • JavaScript インクリメントの書き方

    JavaScriptのインクリメントをその都度追加する事がないように for文などで作りたいのですが、上手く動きません。 どの様な書き方をすれば良いかご教授いただきたいです。 よろしくお願いいたします。 =================================== $(document).ready(function(){ $("#navi li#n01 a").click(function () { $("#navi li#n01 ul").slideToggle("slow"); }); }); $(document).ready(function(){ $("#navi li#n02 a").click(function () { $("#navi li#n02 ul").slideToggle("slow"); }); }); $(document).ready(function(){ $("#navi li#n03 a").click(function () { $("#navi li#n03 ul").slideToggle("slow"); }); });

  • function内での定義

    functionの中で変数に値を入れ、function外で使用したいのですがうまくできません。 例えば var ppc = null; function OpenDetail(){ ppc = "fggr"; } document.write("////"+ppc); という場合、出力は「////null」ですが期待している結果は「////fggr」です。 javascriptは上から順番に実行する、functionはどこかからあえて呼ばなくても実行される、ローカル変数を別の場所で使うにはグローバル変数の定義が必要、を踏まえてのソースなのですが、どこが間違っているのか教えてください。

  • function名の変更はできますか？

    はじめまして。 JavaScript初心者です。 onclick時にその中にあるfunction名の変更をしたいのですが、どうしてもできません。 下記のように記述していますが、問題点、やり方など教えてほしいです。 document.name.onclick="function名"; よろしくお願いします。

  • function validateFormについて

    ショッピングサイトを制作しているWebデザイナーです。Java Scriptのfunction validateFormについて質問です。 商品をショッピングカートに入れる際、FormのsubmitでサーバーのASPにデータを受け渡す仕組みで、ユーザーがsubmitボタンをクリックした際、商品の選択項目（select）が選択されていないとエラーメッセージが出るようにしています。 選択項目（select name）は「Color」と「Size」とありますが、現在、エラーメッセージ用のJava Scriptを、 「ColorとSize両方チェック」 function validateForm() { //--------------------------------------------------- if (document.form1.Size.options.value == 'Error') { alert('Please select Size !') document.form1.Size.focus() return false } if (document.form1.Color.options.value == 'Error') { alert('Please select Color !') document.form1.Color.focus() return false } } 「Colorのみチェック」 function validateForm() { //--------------------------------------------------- if (document.form1.Color.options.value == 'Error') { alert('Please select Color !') document.form1.Color.focus() return false } } と2つ使い分けています。 この2つをひとつのファイル（.js）にまとめることはできますか？また、今後また新たな選択項目が出てきた時、ファイル（.js）を増やすのではなく、scriptの中身を追加して対応させていきたいのですが、そうするにはjava scriptをどのように記述すればいいでしょうか？ 分かる方、教えてください。 よろしくお願いします。

  • jsのfunctionの中に変数の入れ方について

    jsのfunctionの中にDiaDay定義の変数を入れたいです。 下はもともとの構文です。 function changeDiaType() { if(DiaDay == 0 && 1) { document.getElementById("todayDiaDaySpan").innerHTML = "土・休日ダイヤ"; document.getElementById("todayDiaDaySpan").style.backgroundColor = "#fcf"; DiaDay = 2; } else if(DiaDay == 0 && 2) { document.getElementById("todayDiaDaySpan").innerHTML = "　土曜ダイヤ　"; document.getElementById("todayDiaDaySpan").style.backgroundColor = "#0f0"; DiaDay = 1; } else { document.getElementById("todayDiaDaySpan").innerHTML = "　平日ダイヤ　"; document.getElementById("todayDiaDaySpan").style.backgroundColor = "#9ff"; DiaDay = 0; } 次のfunction changeDiaType()の()の中にDiaDayで定義した変数を入れたいのですが、どのように記述すればよいのでしょうか。 記述は省略せずに全部お書きくだされば幸いです。

  • JavaScriptの繰り返しを簡略化したい

    下記のJavaScriptを簡略化したいと考えています。 $(document).ready(function(){ 　$("#A").jPlayer({ 　　ready: function () { 　　　$(this).jPlayer("setMedia", { 　　　　mp3:"documents/alfa/A.mp3" 　　　}); 　　}, 　　swfPath: "js", 　　supplied: "mp3", 　　cssSelectorAncestor: "#A", 　　wmode: "window" 　}); 　$("#B").jPlayer({ 　　ready: function () { 　　　$(this).jPlayer("setMedia", { 　　　　mp3:"documents/alfa/B.mp3" 　　　}); 　　}, 　　swfPath: "js", 　　supplied: "mp3", 　　cssSelectorAncestor: "#B", 　　wmode: "window" 　}); 　$("#C").jPlayer({ 　　ready: function () { 　　　$(this).jPlayer("setMedia", { 　　　　mp3:"documents/alfa/C.mp3" 　　　}); 　　}, 　　swfPath: "js", 　　supplied: "mp3", 　　cssSelectorAncestor: "#C", 　　wmode: "window" 　}); }); 3回繰り返していますが、違いは一部分だけです。 #A、A.mp3、#A #B、B.mp3、#B #C、C.mp3、#C どのように記述したら簡略化できるのでしょうか。 よろしくお願いします。

  • window.onloadでのfunction

    javascript初心者で質問自身が僕が解決したい問題の原因かどうかも解らずに質問しています。 <script type="text/javascript"> <!-- function hoge_1() { ～処理1～ } function hoge_2(hiki_suu) { ～処理2～ } window.onload = function() { document.getElementById("button_1").onclock = hoge_1; document.getElementById("button_2").onclock = hoge_2("watasu"); } // --> </script> 上記のようにページheadにscriptを配置したとします。ページ上のbutton_1がクリックされると処理1が実行されるのですが、hoge_2のように引数を使ってしまうと、onload時に処理2を実行してしまい、button_2は有効に動作しません。 functionの引数の問題なのか、window.onloadの作法なのか、なにが悪いのか全く解らず質問しています。 ご指導のほどよろしくお願いいたします。

  • greasemonkeyでfunction動かない

    greasemonkeyでスクリプトを作成したいのですが、テスト用に書いたjavascriptをぐれもんに設定したところ、スクリプトが起動しなくなりました。 ※javascript、greasemonkey共に初心者です。 ご指摘いただけると幸いです。 HTML部分は、既存のサイトにつき変更できないため、ぐれもん（JS）にて、追加機能を持たせたい。 ＝＝＝＝＝＝＝ 作成したサンプルソース JSで作成した、最下部の入力文字を発送日窓複数に一括反映するためのスクリプトです。 ＝＝＝＝＝＝＝ <SCRIPT LANGUAGE="JavaScript"> <!-- window.onload=function(){ var myForm=document.createElement('form'); myForm.setAttribute("name","frm_test2"); var inps=new Object; inps[0]=document.createElement('input'); inps[0].setAttribute("type","text"); inps[0].setAttribute("name","atai"); inps[0].setAttribute("value",""); inps[1]=document.createElement('input'); inps[1].setAttribute("type","button"); inps[1].setAttribute("onClick",'test()'); inps[1].setAttribute("value","実行"); for(var i in inps){ myForm.appendChild(inps[i]); } document.body.appendChild(myForm); } function test(){ num = document.rjForm2.length for (var i=0; i<num; i++){ formname = document.rjForm2[i].name; formname=formname.substring(0,13); if (formname=="shipping_date"){ document.rjForm2[i].value = document.frm_test2.atai.value; } } } //--> </SCRIPT> <body> <form name="rjForm2"> <table> <tr> <td> <input type="text" name="shipping_date_123456-12345678-123456781">発送日 </td> </tr> <tr> <td> <input type="text" name="pay_date_123456-12345678-123456781">振込日 </td> </tr> </table> <table> <tr> <td> <input type="text" name="shipping_date_123456-12345678-123456785">発送日 </td> </tr> <tr> <td> <input type="text" name="pay_date_123456-12345678-123456785">振込日 </td> </tr> </table> </form> </body> ＝＝＝＝＝＝ 上記JS部分を以下のようにgreasemonkeyに反映した経緯と、結果 ・サイトで見つけたサンプルを元にwindow.onloadの前後は、（）を使ったら、この部分は、実行できた。 ・しかし、function test部分は、（）を使ってもできず、firebugでは、「test is not defined」と出て、発送日窓に一括登録ができない。 ＝＝＝＝＝＝ 以下、greasemonkeyに設定したスクリプト ( window.onload=function(){ var myForm=document.createElement('form'); myForm.setAttribute("name","frm_test2"); var inps=new Object; inps[0]=document.createElement('input'); inps[0].setAttribute("type","text"); inps[0].setAttribute("name","atai"); inps[0].setAttribute("value",""); inps[1]=document.createElement('input'); inps[1].setAttribute("type","button"); inps[1].setAttribute("onClick",'test()'); inps[1].setAttribute("value","実行"); for(var i in inps){ myForm.appendChild(inps[i]); } document.body.appendChild(myForm); }()); function test(){ num = document.rjForm2.length for (var i=0; i<num; i++){ formname = document.rjForm2[i].name; formname=formname.substring(0,13); if (formname=="shipping_date"){ document.rjForm2[i].value = document.frm_test2.atai.value; } } } ＝＝＝＝＝＝＝ 何卒よろしくお願いいたします。

  • $(document).readyとloadの違い

    ■質問1 jQueryの「$(document).ready(function()」と「$(window).load(function()」は何が違うのでしょうか？ 下記理解で合ってるでしょうか？ ●$(document).ready(function() ・複数回実行できる ・ページを全て読み込んだ後に実行 ・ページの下部に記述しなくとも良い ●$(window).load(function() ・複数回実行できない(最後の1回が実行される) ・ページ読込開始時点で実行(正確には記述位置に来た時点？) ■質問2 「jQuery記述」と「JavaScriptだけで記述」とでは、内容やタイミングに違いはありますか？ ・どちらも同じ？ 「$(window).load(function()」V.S「window.onload = function(){」

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する
質問する