JQuery基础(一)样式基础

一、环境搭建

进入官网获取最新的版本: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>

猜你喜欢

转载自blog.csdn.net/weixin_42496678/article/details/81148437
今日推荐