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>