JavaScript++かも日記
【最近の記事】
かも日記
【info】いつもいろいろなテストなどをページ内のあちこちでやっているので、重かったり、壊れていたりするf^^;ことも多いです。実験用ですので、カオス(混沌)をあえて意図したりもしますので、標準やValidとは無縁だったりしますが、何卒、ご了承ください ( _ _ b
$(callback)
DOM の読み込みが完了すると、引数で与えたcallback関数を実行します。$(document).ready()を簡略化した表現です。複数登録も可能です。 ( * 「$」はjQueryオブジェクトへのショートカットなのでjQuery(callback) と書いても同じです。)
引数
callback Function
DOM document が準備完了するとこのcallback関数が実行されます。
戻り値
jQuery インスタンス (DOM Elementそのものではありませんので 戻り値.innerHTMLなどは できません)
Examples
Example1 : ページの読み込みが完了すると、 下のボタンが「ﾁｮﾄﾏﾃｸﾀﾞｻｲ...」から「クリックしてもOK!」に変わりクリックできるようになります。 クリックすると、"#myId1770" の要素がフェイドインで現れます。
ページ全体の読み込み完了まで少々お待ちください...
<script src='./jquery-min.js'></script>
<script>
//Dom読み込み後実行
$(function() {
$("#my1770btn").attr("disabled","")
.html("クリックしてもOK!")
.click(function(e){
$("#myId1770").fadeIn();
});
});
</script>
<div id="myId1770"
style="display:none">
読み込み完了してます
</div>
<button id="my1770btn" disabled>ﾁｮﾄﾏﾃｸﾀﾞｻｲ...</button>
Memo
$(callback)は、既に書かれている window.onload などと衝突しません。下記の場合は、「0,1,3,4」が表示されます。 ちなみに、「2」が表示されないのは、window.onload自身が前のwindow.onloadを上書きしてしまうからです。
$(function() {alert(0)})
$(function() {alert(1)})
window.onload=function(){alert(2)}
window.onload=function(){alert(3)}
if (window.addEventListener) {
window.addEventListener('load', function(){alert(4)} , false);
} else if (window.attachEvent) {//IE用
window.attachEvent('onload' , function(){alert(4)} );
}
| 日 | 月 | 火 | 水 | 木 | 金 | 土 |
|---|---|---|---|---|---|---|
| 1 | 2 | |||||
| 3 | 4 | 5 | 6 | 7 | 8 | 9 |
| 10 | 11 | 12 | 13 | 14 | 15 | 16 |
| 17 | 18 | 19 | 20 | 21 | 22 | 23 |
| 24 | 25 | 26 | 27 | 28 | 29 | 30 |
| 31 |
![[Valid RSS]](http://jsgt.org/mt/archives/01/valid-rss.png "Validate my RSS feed"){kind=small}
