基于新信息技术的jQuery开发基础教程全套完整课件.pptx

PowerPoint 演示文稿;单元1　我的第一个jQuery;1.1　jQuery简介;jQuery将JavaScri;1.2　jQuery的优势;(2)?强大的选择器。 　　j;(3)?出色的DOM操作封装。;(4)?可靠的事件处理机制。 ;(5)?完善的Ajax。 　　;(6)?不污染顶级变量。 　　;(7)?出色的浏览器兼容性。 ;(8)?链式操作方式。 　　j;比如下面的代码，JavaScr;代码数量虽然不是很多，但实现了;上面的代码采用链式操作方式完成;(9)?隐式迭代。 　　上面的;(10)?行为层与结构层的分离;(11)?丰富的插件支持。 　;(12)?完善的文档。 　　j;1.3　jQuery运行环境;PowerPoint 演示文稿;jQuery从1.X版本发展至;2.?jQuery库文件下载 ;PowerPoint 演示文稿;(2)?在下载页面中，首先看到;(3)?将页面拖动到最下方，可;PowerPoint 演示文稿;PowerPoint 演示文稿;(5)?在查看所有版本页面中，;PowerPoint 演示文稿;(6)?点击“uncompre;PowerPoint 演示文稿;(7)?复制图1-6中src值;PowerPoint 演示文??;(8)?在本地创建一个.js文;PowerPoint 演示文稿;3.?jQuery CDN 　;PowerPoint 演示文稿;4.?jQuery版本选择 　;如果搭建的是移动端Web网站，;1.?获取运行库 　　根据相关;2.?创建项目 　　在开发工具;PowerPoint 演示文稿;4.?在页面中引入jQuery;5.?编写我的第一个jQuer;PowerPoint 演示文稿;PowerPoint 演示文稿;如果jQuery运行库文件路径;6.?jQuery代码说明 　;1)?$(document).;上面代码的作用类似于原生Jav;PowerPoint 演示文稿;2)?$(h1).text;单?元?总?结;本单元首先介绍了什么是jQue;单元2　jQuery选择器;2.1 什么是选择器;PowerPoint 演示文稿;如果要选择第三个段落，修改段落;以上HTML代码、CSS代码、;2.2　CSS选择器;PowerPoint 演示文稿;2.3 jQuery选择器的;(2)?支持从CSS1到CSS;(3)?完备的处理机制。 　　;如上面的JavaScript代;但如果页面中需要如此操作的元素;需要注意的是，$(select;jQuery中的选择器完全继承;2.4　jQuery选择器详细;在不进行另外设置的情况下，$(;显示结果如图2-2所示。;当然，我们也可以使用通配符(*;2.?根据id选择 　　id选;显示结果如图2-3所示。;3.?根据class选择 　　;显示结果如图2-4所示。;4.?使用选择器组合精确选择元;如图2-5所示，选择器选择的是;PowerPoint 演示文稿;5.?根据属性选择元素 　　j;当然，属性选择器还可以跟其他选;PowerPoint 演示文稿;表2-2总结了不同种类的属性选;6.?根据位置选择元素 　　j;PowerPoint 演示文稿;如图2-6所示，页面中有一个8;7.?过滤选择器 　　请注意，;PowerPoint 演示文稿;PowerPoint 演示文稿;PowerPoint 演示文稿;8.?自定义选择器 　　jQu;PowerPoint 演示文稿;PowerPoint 演示文稿;单?元?总?结;其中querySelector;本单元首先介绍了什么是jQue;单元3　操作DOM元素;3.1　DOM操作的分类;1.?DOM Core 　　D;2.?HTML-DOM 　　在;3.?CSS-DOM 　　CS;3.2　jQuery中的DOM;3.2.2　创建节点 　　在D;1.?创建元素 　　jQuer;2.?将元素添加到DOM树上 ;PowerPoint 演示文稿;(1)?使用工厂函数“$()”;3.2.3　插入节点 　　将新;PowerPoint 演示文稿;这些插入节点的方法不仅能将新创;PowerPoint 演示文稿;3.2.4　删除节点 　　如果;此方法的返回值是一个指向已被删;PowerPoint 演示文稿;另外，remove()方法也可;PowerPoint 演示文稿;2.?empty()方法 　　;3.2.5　复制节点 　　在项;PowerPoint 演示文稿;图3-5代码中的两行jQuer;3.2.6　替换节点 　　jQ;2.?replaceAll();3.2.7　包裹节点 　　如果;1.?wrapAll()方法 ;3.2.8　属性操作 　　在j;此方法有两个参数： 　　?第一;attr()方法既能获取元素的;Po