JQuery的入口函数说明
jquery的入口函数说明:
1.等着DOM结构渲染完毕后即执行内部代码,不必等所有资源加载完成,JQuery帮我们完成了封装。
2.相当于原生js中的DOMCotentLoaded
3.不同于原生js中的load事件是等页面文档,外部js文件、css文件、图片加载完毕才执行内部代码。
jquery的入口函数代码:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="jquery.min.js"></script> <style> div { width: 200px; height: 200px; background-color: pink; } </style> </head> <body> <div> 123 </div> <script> //等页面DOM加载完毕再执行JS代码 //正常版 $(document).ready(function(){ //...此处是页面DOM加载完成的入口 $('div').hide(); }) //简写版 $(function(){ //...此处是页面DOM加载完成的入口。 $('div').hide(); // }) </script> </body> </html>
下一篇:旧版京东网站导航的css实现