ホームページ > 記事 > ウェブフロントエンド > JavaScript で $(function() {}); を書く場合と書かない場合の違いは何ですか?
JavaScript で $(function() {}); を書く場合と書かない場合の違いは何ですか?
- 高洛峰オリジナル
- 2017-01-04 16:10:491254ブラウズ
JavaScript の
$(function() {....}) は jQuery の古典的な使用法であり、ページの後に実行される $(document).ready(function() {....}) と同等です。 DOM を操作する必要がある関数の場合は、ページが読み込まれてから実行した方が安全なので、jQuery を使用する場合はこの書き方が非常に一般的です。
$(document).ready() 内のコードは、ページのコンテンツが読み込まれた後に実行されます。このコードを script タグに直接記述すると、ページの読み込み時に script タグ内のコードが実行されます。タグ内で実行されたコードがまだロードされていないコードや DOM を呼び出した場合は、もちろんエラーが報告されます。このとき、script タグをページの最後に配置しても問題はありません。効果は準備完了と同じです。
$(document).ready(function(){}) は $(function(){}) と省略できます;
段落をクリックすると、この段落は非表示になります:
<html>
<head>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$("p").click(function(){
$(this).hide();
});
});
</script>
</head>
<body>
<p>If you click on me, I will disappear.</p>
</body>
</html>$( を変更するとdocument).ready(function () {}); 削除した後、段落を非表示にすることはできません:
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$("p").click(function(){
$(this).hide();
});
</script>
</head>
<body>
<p>If you click on me, I will disappear.</p>
</body>
</html>ただし、ページの最後にスクリプトを配置すると、非表示の効果を復元できます:
<html>
<head>
</head>
<body>
<p>If you click on me, I will disappear.</p>
</body>
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$("p").click(function(){
$(this).hide();
});
</script>
</html>JavaScript での (function(){})() の使用法は次のとおりです: どれ
オブジェクトとは何の関係もありません
(function(){})() は、匿名メソッドの即時実行を表します
通常、それを分離するために使用されますクロージャのような環境を作成し、変数の競合を避けるためにスコープ チェーンを作成するための外部の世界です
(function(){
var a;
..........
})()この記事では、JavaScript で $(function() {}); を書く場合と書かない場合の違いを主に紹介します。みんなの役に立つように。
JavaScript で $(function() {}); を書く場合と書かない場合の違いに関するその他の関連記事については、PHP 中国語 Web サイトに注目してください。