JQuery加载事件

最新推荐文章于 2023-06-09 18:19:05 发布

weixin_34319111

最新推荐文章于 2023-06-09 18:19:05 发布

阅读量80

点赞数

文章标签： php javascript python ViewUI

原文链接：https://my.oschina.net/osmyblog/blog/289636

版权

2019独角兽企业重金招聘Python工程师标准>>>

加载事件有两种，普通的加载事件onload和Jquery事件

onload加载事件

 <script type="text/javascript" src="jquery-1.4.4.js"></script>
  <script type="text/javascript">
            window.onload=function(){
                alert("abc");
            }
  </script>
 </head>
 <body>
<img src="./a.php" />
  <input type="text" name="usr"/>
  <input type="button" value="提交按钮"/>
 </body>
</html>

Jquery加载事件

加载事件有三种写法：

$(document).ready(callback);
$().ready(callback);//可以不用传参数，
$(callback);

该方法是对1,2 的一种封装，所以处理速度没有1 2 快，而对于1 来说速度和效率都会比1 和2 要高. 3 有查找的意味.

在JQ代码中;

rootjQuery = jQuery(document);

rootjqery=$(document);

所以：

<script type="text/javascript">
            //window.onload=function(){
            //    alert("abc");
            //}

            $(document).ready(function(){
                            alert("hellow  jq");
            });
    
                    
        
  </script>
 </head>
 <body>
    <img src="./a.php" />
  <input type="text" name="usr"/>
  <input type="button" value="提交按钮" onclick="f2()" />
 </body>
</html>

a.php如下文件所示：

<?php
    $im = imagecreatetruecolor(200,300);
    $blue = imagecolorallocate($im,255,0,0);
    imagefill($im,0,0,$blue);
    header('Content-type:image/png');
    sleep(5);
    imagepng($im);
    imagedestroy($im);
?>

总结：普通事件加载和JQ的加载

普通加载事件是在页面加载已经完毕之后才执行的事件.

JQ的加载事件只要在内存在已经有了dom树结构，那么该事件就会被加载.

转载于:https://my.oschina.net/osmyblog/blog/289636