一、环境搭建
进入官网获取最新的版本:http://jquery.com/download/,注意jQuery分为两个系列版本1.x与2.x,主要区别在于2.x不再兼容IE6、7、8浏览器,这样做的目的是为了兼容移动前端开发,由于减少了一些代码,使得该版本比jQuery1.x更小,更快
二、简单了解
jQuer体积更小,每一个系列版本分为压缩版和开发版,我们在开发过程中使用开发版(开发版本便于代码修改及调试),项目上线发布使用压缩版(因为压缩版本体积更小,效率更快)
jQuery是一个JavaScript脚本库,不需要特别的安装,只需要我们在页面<head>标签内中,通过script标签引入jQuery库即可。
例如: <script type="text/javascript" src=“jQuery库地址”"></script>
三、$(doucument).ready的作用
$(doucument).ready的作用是等页面的文本(document)中的节点都加载完毕后,再执行后续的代码,因为我们在执行代码的时候,可能会依赖页面的某一个元素,我们要确保这个元素真正的被加载完毕后才能正确使用。
例如:
<script type="text/javascript">
$(document).ready( function(){
$("div").html("学习使我快乐!嘿嘿");
});
</script>