jQuery前端开发任务驱动教程 课件 第1章 初识jQuery.pptx

第1章初识jQuery《jQuery前端开发任务驱动教程》

学习目标/Target了解什么是jQuery，能够描述jQuery的特点掌握VisualStudioCode编辑器的下载和安装方法，能够独立完成VisualStudioCode编辑器的下载和安装熟悉jQuery的主要功能，能够归纳jQuery的主要功能掌握$()函数的使用方法，能够灵活运用$()函数创建jQuery对象掌握jQuery对象的使用方法，能够取出jQuery对象中的元素

学习目标/Target掌握选择器的使用方法，能够灵活应用选择器获取元素掌握on()方法的使用方法，能够使用on()方法实现事件的注册掌握鼠标事件，能够注册鼠标事件

学习目标/Target掌握css()方法的使用方法，能够使用css()方法设置或获取元素样式掌握jQuery的下载和引入，能够独立完成jQuery的下载和引入掌握jQuery的简单使用，能够使用jQuery实现单击按钮改变诗句文本颜色的效果

章节概述/SummaryjQuery提供了丰富的方法，使用这些方法可以简化JavaScript中常见的操作，如元素操作、事件操作、动画操作等。使用jQuery可以快速地实现网页和Web应用程序中的JavaScript交互效果，减少冗余代码，解决浏览器兼容问题。本章将对下载和引入jQuery以及jQuery的简单使用进行讲解。

目录/Contents任务1.1任务1.2下载和引入jQueryjQuery的简单使用

下载和引入jQuery任务1.1

任务需求在某科技公司的网页开发中，为了确保跨浏览器兼容性，并提高开发效率、简化DOM操作，该科技公司的前端开发实习生小洋需要使用jQuery进行开发。在正式开发网页之前，小洋需要先从jQuery官方网站下载jQuery，并将其引入项目。本任务将基于上述需求实现jQuery的下载和引入。

知识储备1.什么是jQuery先定一个小目标！了解什么是jQuery，能够描述jQuery的特点

知识储备jQuery是一个简洁、开源、轻量级的JavaScript库，它的设计宗旨是“writeless,domore”（使用更少的代码，做更多的事情）。1.什么是jQuery

知识储备1.什么是jQueryjQuery具有以下6个特点。代码可读性强。语法简洁易懂，文档丰富。支持CSS1~CSS3定义的属性和选择器。支持事件、样式、动画和Ajax操作。支持多种浏览器，包括IE、Firefox和Chrome等。可扩展性强，插件丰富，可以通过插件扩展更多功能。

知识储备1.什么是jQueryjQuery1.x系列的版本兼容早期浏览器jQuery1.xjQuery2.x系列的版本不兼容IE6~IE8浏览器，更加轻量化jQuery2.xjQuery3.x系列的版本不兼容IE6~IE8浏览器，增加了一些新方法，并对一些方法进行了优化和改进jQuery3.xjQuery3个版本的区别

知识储备先定一个小目标！掌握VisualStudioCode编辑器的下载和安装方法，能够独立完成VisualStudioCode编辑器的下载和安装2.VisualStudioCode编辑器

知识储备2.VisualStudioCode编辑器VisualStudioCode（简称VSCode）是由微软（Microsoft）公司推出的一款免费、开源的代码编辑器，一经推出便受到开发者的欢迎。对于Web前端开发人员来说，一个强大的编辑器可以使开发变得简单、便捷、高效。

知识储备VSCode编辑器具有如下特点。轻巧、极速，占用系统资源较少。具备代码智能补全、语法高亮显示、自定义快捷键和代码匹配等功能。跨平台，可用于macOS、Windows和Linux操作系统。主题界面的设计比较人性化。例如，可以快速查找文件、分屏显示代码、自定义主题颜色、快速查看最近打开的项目文件以及查看项目文件结构等。提供丰富的扩展，用户可根据需要自行下载和安装扩展。支持多种语言和文件格式的编写，如HTML、JSON、TypeScript、JavaScript、CSS等。2.VisualStudioCode编辑器

知识储备（1）下载和安装VSCode编辑器2.VisualStudioCode编辑器打开浏览器并访问VSCode编辑器的官方网站，如下图所示。

知识储备2.VisualStudioCode编辑器在VSCode的官方网站中单击“DownloadforWindows”按