什么是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文件有多种渠道,从别人网站偷、专业的下载网站下载、官网上下载。
很多网站都在使用jQuery,看2345网站源代码中13行引入了一个jQuery文件。
jQuery的官网地址是jquery.com
从jQuery官网可下载最新版本的jQuery文件。
目前最新版本是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>
下面测试下:
OK,jQuery可以使用了。
假如不引入jQuery文件,看16行代码:$('#username').val();,就会报下面的错误。
我们使用jQuery经常报这个错误,原因就是没有引入jQuery文件。
推荐一个jQuery的学习手册,感觉挺好用,我们整章以这个手册为教程大纲做讲解。
这是1.4.4版本的手册,虽不是最新的,在语法上不会做很大变动。