首先引入我们的Jquery库,代码如下所示:<scriptsrc="../js/jquery-1.12.4.js"></script>接下来我们就可以直接使用JQuery库了。
代码如下所示:<scriptsrc="../js/jquery-1.12.4.js"></script>这里我们有必要学习一下window.onload和jQuery ready方法方法的区别,以上两种方式都是在 HTML 文档完毕后再执行 DOM *** 作,但它们还是有一定的区别,如下图:区别一:执行时机不同1. 原生JS会等到DOM元素加载完毕,并且图片也加载完毕才会执行2. jQuery会等到DOM元素加载完毕,但不会等到图片也加载完毕就会执行<script>//原生JS的写法window.onload=function(){alert("HelloWorldJS!!!");}//JQuery写法一jQuery(document).ready(function(){alert("HelloJQuery01!!!");});</script>区别二:执行次数不同1. 原生的JS如果编写了多个入口函数,后面编写的会覆盖前面编写的2. jQuery中编写多个入口函数,后面的不会覆盖前面的//区别二:执行次数不同window.onload=function(){alert("HelloXyr1");}window.onload=function(){alert("HelloXyr2");}jQuery(document).ready(function(){alert("HelloXyr1");})jQuery(document).ready(function(){alert("HelloXyr2");})区别三: 原生的JS是没有简写的,JQuery可以通过$符号简化代码://JQuery写法一jQuery(document).ready(function(){alert("HelloJQuery01!!!");});//JQuery写法二$(document).ready(function(){alert("HelloJQuery02!!!");});//JQuery写法三jQuery(function(){alert("HelloJQuery03!!!");});//JQuery写法四$(function(){alert("HelloJQuery04!!!");});
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)