CH01 JavaScript绪论教学课件.ppt

1.2.3jQuery的特点3. 兼容CSS3兼容CSS3的选择器语法规则，可以根据元素的样式来快速查找HTML元素。1.2.3jQuery的特点4. 跨浏览器支持jQuery支持目前所有主浏览器，例如IE、Firefox、Safari、Opera、Chrome等。因此开发者不用担心浏览器的兼容性问题。1.2.4jQuery的版本比较目前jQuery共有三种版本：jQuery1.xjQuery2.xjQuery3.x1.2.4jQuery的版本比较 jQuery1.x版本：该版本是使用最为广泛的jQuery版本，适用于绝大多数Web前端项目开发，兼容性较高。该版本本未来不会再增加新的功能，官网只做BUG维护。其最终版为2016年5月发布的jQuery1.12.4版。1.2.4jQuery的版本比较jQuery2.x版本：jQuery2.x版本相对1.x而言实际上没有新增功能，仅仅是在1.x的基础上去除了对IE6-8的支持，降低了文件大小且提升了性能，因此使用人数相对较少。该版本未来同样不会再增加新的功能，官网只做BUG维护。其最终版为2016年5月发布的jQuery2.2.4版。1.2.4jQuery的版本比较jQuery3.x版本：该版本是目前最新的jQuery版本，最近一次是2022年12月发布的jQuery3.6.3版。该版本支持IE9+、Opera最新版、以及其他主流浏览器的最新版及前一版。需要注意的是，如果需要兼容IE6-8、Opera12.1x或者Safari5.1等旧版本的浏览器，官方建议使用jQuery1.12.x。1.3Web开发工具1.3.1AdobeDreamweaver1.3.2SublimeText1.3.3Notepad++1.3.4EditPlus1.3.5VisualStudioCode1.3.6WebStorm1.3Web开发工具JavaScript和jQuery源代码文件均为纯文本内容，电脑操作系统中自带的写字板或记事本工具就可以打开和编辑源代码内容。因此本书不对开发工具作特定要求，使用任意一款纯文本编辑器均可以进行网页内容的编写。1.3Web开发工具这里介绍几款常用的网页开发工具软件：AdobeDreamweaverSublimeTextNodePad++EditPlus1.3.1AdobeDreamweaverAdobeDreamweaver是一款所见即所得的网页编辑器，中文名称为“梦想编织者”或“织梦”。该软件最初的1.0版是1997年由美国Macromedia公司发布的，后来该公司于2005年被Adobe公司收购。1.3.1AdobeDreamweaverDreamweaver也是当时第一套针对专业Web前端工程师所设计的可视化网页开发工具，整合了网页开发与网站管理的功能。1.3.1AdobeDreamweaverDreamweaver支持HTML5/CSS3源代码的编辑和预览功能，最大的优点是可视化性能带来的直观效果，开发界面可以分屏为代码部分与预览视图，开发者修改代码部分时预览视图会随着修改内容实时变化。1.3.1AdobeDreamweaver1.3.1AdobeDreamweaverDreamweaver也有它的弱点，由于不同浏览器存在兼容性问题，Dreamweaver的预览视图难以达到与所有浏览器完全一致的效果。如需考虑跨浏览器兼容问题，预览画面仅能作为辅助参考。1.3.2SublimeTextSublimeText的界面布局非常有特色，它支持文件夹导航图和代码缩略图效果。该软件支持多种编程语言的语法高亮，也具有代码自动完成提示功能。该软件还具有自动恢复功能，如果在编程过程中意外退出，在下次启动该软件时文件会自动恢复关闭之前的编辑状态。1.3.2SublimeText1.3.3Notepad++NodePad++的名称来源于Windows系列操作系统自带的记事本NotePad，在此基础上多了两个加号，立刻带了质的飞越。这是一款免费开源的纯文本编辑器，具有完整中文化接口并支持UTF-8技术。由于它具有语法高亮显示、代码折叠等功能，因此也非常适合作为计算机程序的编辑器。1.3.3Notepad++1.3.4EditPlusEditPlus是由韩国SangilKim（ES-Computing）公司发布的一款文字编辑器，支持HTML、CSS、JavaScript、PHP、Java等多种计算机程序的语法高亮显示与代码折叠功能。1.3.4EditPlus其中最具特色的是Edit