jQuery的基本使用-入口函数
jQuery下载:
版本:
1x :兼容IE 678等低版本浏览器,官网不再更新
2x︰不兼容E 678等低版本浏览器,官网不再更新
3x︰不兼容IE 678等低版本浏览器,是官方主要更新维护的版本
各个版本的下载:https://code.jquery.com/
jQuery使用步骤:
引入后使用
入口函数(有两种方式 下面会有代码示例):
1.等着DOM结构渲染完毕即可执行内部代码,不必等到所有外部资源加载完成,jQuery帮我们完成了封装。
2.相当于原生js 中的DOMContentLoaded。
3.不同于原生js 中的load事件是等页面文档、外部的js文件、css文件、图片加载完毕才执行内部代码。
4.更推荐第二种
代码示例:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="jQuery.mini.js"></script> <style> div { width: 200px; height: 200px; background-color: pink; } </style> </head> <body> <script> // $('div').hide() // 1.等着页面DOM加载完毕再去执行js代码 // $(document).ready(function () { // $('div').hide() // }) // 2.等着页面DOM加载完毕再去执行js代码 $(function () { $('div').hide() }) </script> <div></div> </body> </html>