jQuery ページロード後にJavaScriptを実行する方法 readの代わり$(function(){}や$()を使用する

スポンサーリンク

このドキュメントの内容は、以下の通りです。

Webページ（ドキュメント）をロード後された後に、JavaScriptで初期化処理を実行することがあります。

jQueryでは、いくつかの方法が提供されています。

$(関数)や$(function(){}); は jQuery v1.2からの方法です。

$(foo);


非常に短く書くには、 $(関数) を利用します。

$(関数) の関数部分して指定した関数が実行されます。
function foo () { alert ('foo'); }
$(foo);

$(関数) は複数の登録を行っても上書きされません。

function foo1(){ alert ('1'); }
function foo2(){ alert ('2'); }

$(foo1);
$(foo2);
とするとfoo1とfoo2が実行されます。

window.onloadとことなり画像がすべてロードされるのを待つのではなく、DOMの構築完了後に実行されます。

$(function(){});


次に短く表現するには、 $(function(){}); を使用します。

<script type="text/javascript">
$( function() {
	// ドキュメントロードに実行する初期化コード
	alert ('init');
});
</script>

$(document).ready(function(){});



ready を利用する方法が一番コードが長くなります。

$(document).ready( function() {
	alert ('init');
});


スポンサーリンク
スポンサーリンク
 
いつもシェア、ありがとうございます！
Twitter
Facebook
LINE
Pocket
はてぶ
RSS

もっと情報を探しませんか？

関連記事

最近の記事

人気のページ

スポンサーリンク
 

過去ログ

2020 : 01 02 03 04 05 06 07 08 09 10 11 12
2019 : 01 02 03 04 05 06 07 08 09 10 11 12
2018 : 01 02 03 04 05 06 07 08 09 10 11 12
2017 : 01 02 03 04 05 06 07 08 09 10 11 12
2016 : 01 02 03 04 05 06 07 08 09 10 11 12
2015 : 01 02 03 04 05 06 07 08 09 10 11 12
2014 : 01 02 03 04 05 06 07 08 09 10 11 12
2013 : 01 02 03 04 05 06 07 08 09 10 11 12
2012 : 01 02 03 04 05 06 07 08 09 10 11 12
2011 : 01 02 03 04 05 06 07 08 09 10 11 12
2010 : 01 02 03 04 05 06 07 08 09 10 11 12
2009 : 01 02 03 04 05 06 07 08 09 10 11 12
2008 : 01 02 03 04 05 06 07 08 09 10 11 12
2007 : 01 02 03 04 05 06 07 08 09 10 11 12
2006 : 01 02 03 04 05 06 07 08 09 10 11 12
2005 : 01 02 03 04 05 06 07 08 09 10 11 12
2004 : 01 02 03 04 05 06 07 08 09 10 11 12
2003 : 01 02 03 04 05 06 07 08 09 10 11 12

サイト

Vim入門

C言語入門

C++入門

JavaScript/Node.js入門

Python入門

FreeBSD入門

Ubuntu入門

セキュリティ入門

パソコン自作入門

ブログ

トップ

プライバシーポリシー