私は JQuery を初めて使用しますが、Web ページに次のコードが表示されます。
$(function() {
//do something...
});
ここの構文がわかりません。関数を定義していますか?いつ呼び出されますか?再利用できますか?
ありがとう
私は JQuery を初めて使用しますが、Web ページに次のコードが表示されます。
$(function() {
//do something...
});
ここの構文がわかりません。関数を定義していますか?いつ呼び出されますか?再利用できますか?
ありがとう
これは、jQuerys DOM 対応ハンドラーの短いバージョンです。DOMReady
イベントが発生すると、ページの読み込み時に関数内のコードが呼び出されます。
これは、もう少し冗長ですが、より明確な次のものと同等です。
$(document).ready(function() {
// code here
});
この関数は、ドキュメントオブジェクトモデル(DOM)の準備が整うと呼び出されます(ページの読み込み)。
それは略記です:
$(document).ready(function() {
// Commands here
});
ページが読み込まれたときに読み込むすべての関数/スクリプトをその中に配置します。
これは、DOM がロードされたときに発生するready()イベントのラッパーです。
$(document).ready(function() {
});
これは、DOM が読み込まれたときに発生するイベントです (ただし、画像は除きます)。
代替手段は
$(window).load(function() {
});
すべてがロードされたときに起動します(画像を含む)
これは、jQuery を機能させるために使用する必要がある主なものです。この関数は、ドキュメントが完全に読み込まれた後に発生します (画像を除く)。その中にあるもの、またはこれ (貼り付けたコードは次の省略形です):
$(document).ready(function() {
// anything inside this will happen only after the document has fully loaded
});
次のように、コードを script タグに入れるだけの場合:
<script type="text/javascript">
$('div').css('background-color','green'); // sets all <div> CSS background to green
</script>
これらのタグの前の div でのみ機能します (また、 に配置すると、<head>
まったく機能しません)。$(function() { });
または$(document).ready(function() { });
(お好みで構いませんが、私は 2 番目のオプションを好みます) に配置すると、DOM が完全に読み込まれた後 (画像が読み込まれた後ではなく、実際の HTML のみ) に存在するすべての要素で機能しますdiv
。
はい、これはページで何度でも使用できます。