亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

jQuery載入事件

載入事件

javascript的載入事件:

<body ?onload = 「函數(shù)()」>

window.onload = function(){}


##?jquery載入事件實(shí)作

① $(document).ready(function處理);

② $().ready( function處理);

③ $(function處理); ?對(duì)第一種載入的封裝而已

<!DOCTYPE html>
<html>
    <head>
        <title>php.cn</title>
        <meta charset="utf-8" />
        <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
        <script>
        //①  $(document).ready(加載事件處理函數(shù));
        ////$(document)  創(chuàng)建一個(gè)jquery對(duì)象,內(nèi)部有dom組成部分:document
        //$(document)[0]-------獲得-------->document對(duì)象
        $(document).ready(function(){
            console.log(123);
        });

        //② $().ready(加載事件處理函數(shù))
        //$()  創(chuàng)建一個(gè)jquery對(duì)象,內(nèi)部沒(méi)有dom組成部分
        $().ready(function(){
            console.log(456);
        });

        //③ $(function加載事件處理函數(shù));
        $(function(){
            console.log(789);
        });
        </script>
        <style type="text/css">
        </style>
    </head>
    <body>
    </body>
</html>



?jquery載入事件與傳統(tǒng)載入事件的差異


#設(shè)定個(gè)數(shù)


在同一個(gè)請(qǐng)求裡邊,jquery的可以設(shè)定多個(gè),而傳統(tǒng)方式只能設(shè)定一個(gè)

###傳統(tǒng)方式載入事件是給onload事件屬性賦值,多次賦值,後者會(huì)覆寫(xiě)前者。 ######jquery方式載入事件是把每個(gè)載入事件存入一個(gè)陣列裡邊,成為陣列的元素,執(zhí)行的時(shí)候就遍歷該陣列執(zhí)行每個(gè)元素即可,因此其可以設(shè)定多個(gè)載入事件。 #########執(zhí)行時(shí)機(jī)不一樣#########傳統(tǒng)方式載入事件,是全部?jī)?nèi)容(文字、圖片、樣式)在瀏覽器顯示完畢再給執(zhí)行載入事件。 ######jquery方式載入事件,只要全部?jī)?nèi)容(文字、圖片、樣式)在記憶體裡邊對(duì)應(yīng)的DOM樹(shù)結(jié)構(gòu)繪製完畢就給執(zhí)行,有可能對(duì)應(yīng)的內(nèi)容在瀏覽器裡邊還沒(méi)有顯示。 ###
<!DOCTYPE html>
<html>
    <head>
        <title>php.cn</title>
        <meta charset="utf-8" />
        <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
        <script>
        window.onload = function(){
            console.log('abc');
        }
        $(function(){
            console.log('def');
        });
        </script>

        <style type="text/css">
        </style>
    </head>
    <body>
        <h2>加載事件區(qū)別</h2>
    </body>
</html>
#####################
繼續(xù)學(xué)習(xí)
||
<!DOCTYPE html> <html> <head> <title>php.cn</title> <meta charset="utf-8" /> <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script> <script> //① $(document).ready(加載事件處理函數(shù)); ////$(document) 創(chuàng)建一個(gè)jquery對(duì)象,內(nèi)部有dom組成部分:document //$(document)[0]-------獲得-------->document對(duì)象 $(document).ready(function(){ console.log(123); }); //② $().ready(加載事件處理函數(shù)) //$() 創(chuàng)建一個(gè)jquery對(duì)象,內(nèi)部沒(méi)有dom組成部分 $().ready(function(){ console.log(456); }); //③ $(function加載事件處理函數(shù)); $(function(){ console.log(789); }); </script> <style type="text/css"> </style> </head> <body> </body> </html>
提交重置程式碼