2010-12-11 27 views
0

javascriptとjqueryを初めて使用しています。 $(document).readyを使っていくつかのイベントハンドラを登録したいと思います。たとえば、このようなコードと私の質問は、JavaScriptのライブラリは、私はページの先頭に$(document).readyを使用するために参照する必要がありますか?誰かが$(document).readyを学ぶための簡単なサンプルを簡単に提供できるのであれば、どうかありがたいです。事前に

<script>$(document).ready(function() 
{ 
// function implementation internals 
}); 
</script> 

おかげで、 ジョージ

答えて

2

必要なのは、jQueryライブラリです。あなたはライブラリをダウンロードして、独自のサーバーまたはライブラリを提供する多くのCDN年代のいずれかを使用することができ、それを含めることができますいずれか

http://www.jquery.com

。たとえば、

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script> 

<script type="text/javascript"> 
    $(document).ready(function() { 
      // do something useful 
    }); 
</script> 
+0

ありがとう、ちょっと混乱しました。参照するのにどのコードを使用する必要があるか教えてください。 – George2

+1

@ George2 http://docs.jquery.com/Downloading_jQueryからjsファイルをダウンロードして追加してください –

+0

ありがとうございますjAndy! – George2

1

は、信頼性の高いサーバーに保存されます。

あなたの<head>セクションに以下を追加し、スニペットを下のどこかに置きます。要約すると

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"></script> 
+0

ありがとう、質問に答えた! – George2

+1

''セクションに 'script'タグを追加する必要はありません。おそらく ''タグの最後にそれらを入れることをお勧めします。 – jAndy

1

はjQueryの...あなたが必要とするだけのライブラリを提供してページの<head>セクションにsje397によって提供さ<script>タグを入れてください。

(また:<script src="http://code.jquery.com/jquery-1.4.4.js" type="text/javascript"></script>

読むhttp://docs.jquery.com/Tutorials:How_jQuery_Works

そして、あなたが行くように良いことがあります。

1
<html> 
<head> 
</head> 
<body> 

<div id="someElement">Click Me</div> 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"></script> 
<script type="text/javascript"> 
    (function($) { 
     $(document).ready(function() { 

      $('#someElement').bind('click', function(event) { 
       // event.preventDefault(); // you might want to do this if your event handler has a default action associated with it (e.g. a link that gets clicked with an href) 
       // do stuff on your event (change click to whatever you need) 
      }); 

     }); 
    })(jQuery); 
</script> 
</body> 
</html> 
関連する問題