吉本集の個人ブログ
Web制作の技術について書いています。たまに日記も書きます。

jQueryの基本パターン

2013年8月21日 / category : jquery, lab, reference-jquery

下記は、documentの読み込みが完了したタイミングで実行するコードです。

$(document).ready(function(){
  alert( 'jQuery version : ' + $.fn.jquery );
});

上記のready関数の省略形が下記のコードとなります。

$(function(){
  alert( 'jQuery version : ' + $.fn.jquery );
});

ブロック内のみで、jQueryのショートカット「$」を使用する方法

jQuery.noConflict(); //jQueryのショートカット「$」を無効にする。
(function($){
  alert( 'jQuery version : ' + $.fn.jquery );
})(jQuery);

body要素の読み込みが完了した後に、関数を実行する方法

<script>
$(document.body).ready(function(){
  alert( $("p").text() );
});
</script>

<body>
<p>Hello, jquery</p>
</body>