jQuery2(JQuery实现onload)

来源：互联网发布：善良的男人大结局知乎编辑：程序博客网时间：2024/05/23 02:05

JQuery实现onload

注意:dom中的onload,是全部资源加载完后在进行执行,且只能执行一个.而jQuery中是基础元素加载完后就执行,且能执行多个(效率高).
语法:

$(function(){});

完整的实例:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>    <title></title>    <script src="jquery-1.8.3.js" type="text/javascript"></script>    <script type="text/javascript">        //jquery大部分都是方法,而系统中有很多属性.        //var jq = jQuery(document);        //var jq = $(document);        //世界使用$更方便,简单.        onload = function () {            alert('1');        };        onload = function () {            alert('11');        };        $(document).ready(function () {            alert('2');        });        $(document).ready(function () {            alert('3');        });        //注意,上述方法中,先弹出2.使用该方法        //只要页面中基础的元素标签加载完就执行,而onload是全部资源加载完在执行        //onload只能存在一个,最后面的会将前面的顶掉        //而jquery ready方法可以输出多个        //终极写法---终极写法,这里直接写方法,在页面加载完运行        $(function () {            alert('开始了吗?');        });        $(function () {            alert('已经结束了吧');        });    </script></head><body></body></html>

只需记得终极写法,且能实现多个即可

0 0