第一节 jQuery介绍和加载

 1 <!-- jQuery用法思想一、选择器：选择某个网页元素，然后对其进行某种操作
 2            用法思想二、样式操作：同一个函数完成赋值和取值
 3      
 4      jQuery是目前使用最广泛的JavaScript函数库。据统计，全世界排名前100的网站，有46%使用jQuery，远超其他库。
 5      微软甚至把jQuery作为他们的官方库。
 6 
 7      jQuery的版本分为1.x系列和2.x、3.x系列，1.x系列兼容低版本的浏览器，2.x和3.x系列放弃支持低版本浏览器，目前使用最多的是1.x系列
 8 
 9      jQuery是一个函数库，一个js文件，页面用script标签引入这个js文件就可以使用
10      <scirpt type="text/javascript" src="js/jquery-1.12.2.js"></script>
11 
12      官网：http://juqery.com
13      版本下载：https://code.jquery.com -->
14 
15 <!DOCTYPE html>
16 <html lang="en">
17 <head>
18     <meta charset="UTF-8">
19     <title>Document</title>
20     <script type="text/javascript" src="..//jquery-1.12.4.min.js"></script>
21     <!-- 不能直接在jQuery引入标签内写js代码，需要另外写一个scrip标签 -->
22     <script type="text/javascript">
23 
24         // jQuery会比原生快，原生是因为等标签加载完以后还需要等标签内的资源渲染完才运行，而jQuery是标签加载完就运行了。
25         /*    
26         // ready的完整写法
27         $(document).ready(function(){
28             var $div = $('#div1');
29             alert('sdfasdf'+$div);
30         })
31         */
32 
33         // 简写
34         $(function(){
35             var $div = $('#div1');
36             alert('sdfasdf'+$div);
37         })
38     </script>
39 </head>
40 <body>
41     <div id="div1"></div>
42 </body>
43 </html>