第十三章:第1节jQuery简述

更新于:2017-12-14 15:15:12

什么是jquery:


其实是对javascript封装的一个框架包,它简化了对javascript的操作。


javascript代码:获得页面节点对象、ajax元素节点对象实现、事件操作、事件对象


JS这些方面的操作,在jQuery中都做了简化,代码足够少,还无需考虑浏览器兼容性问题。


jQuery的特点:


① 语法简练、语义易懂、学习快速、丰富文档。

② jQuery 是一个轻量级的脚本,其代码非常小巧

③ jQuery 支持 CSS1~CSS3 定义的属性和选择器

④ jQuery 是跨浏览器的,它支持的浏览器包括 IE 6.0+、FF 1.5+、Safari 2.0+和 Opera 9.0+。

⑤ 能将 JavaScript 脚本与 HTML 源代码完全分离,便于后期编辑和维护。

⑥ 插件丰富,除了 jQuery 自身带有的一些特效外,可以通过插件实现更多功能 


JS除了jQuery框架还有其他框架,jQuery是最热门的一个JS框架,其他的不属于我们学习的范围。


jQuery的使用:


jQuery怎么使用呢?


① 先获得一个jQuery文件


获得jQuery文件有多种渠道,从别人网站偷、专业的下载网站下载、官网上下载。


1.png


很多网站都在使用jQuery,看2345网站源代码中13行引入了一个jQuery文件。


jQuery的官网地址是jquery.com


1.png


从jQuery官网可下载最新版本的jQuery文件。


1.png


目前最新版本是3.2.1。为什么有两个文件呢?


jquery-3.2.1.js是未压缩版本的,jquery-3.2.1.min.js是压缩版本的,没有多余的注释、空格、回车。


两个使用其中一个就可以。


② 在使用jQuery的页面头部引入jQuery文件


<script type="text/javascript" src="jquery-3.2.1.js"></script>


下面测试下:


1.png

1.png


OK,jQuery可以使用了。


假如不引入jQuery文件,看16行代码:$('#username').val();,就会报下面的错误。


1.png


我们使用jQuery经常报这个错误,原因就是没有引入jQuery文件。


推荐一个jQuery的学习手册,感觉挺好用,我们整章以这个手册为教程大纲做讲解。


这是1.4.4版本的手册,虽不是最新的,在语法上不会做很大变动。


本节学习代码》》》