Web框架技术开发(一)实验指导书

《Web框架技术开发(一)实验指导书》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、Web框架技术开发(一)实验指导书2014.12-4-WEB框架开发技术(一)实验指导书实验一:掌握Jquery的组件的配置和使用一、实验目的1.了解jQuery核心库及使用原理；2.初步掌握jQuery基本语法，认识ready方法；3.掌握解决jQuery冲突的方法；4.能够运用编辑器制作简单网页。二、实验内容1.使用文本编辑器在网页中添加jQuery核心库，在ready方法中实现弹框显示信息的功能。2.练习解决jQuery冲突的方法。3.在IE浏览器中打开编写的网页文件，查看运行效果。三、实验步骤1.jQuery核心库的下载jQuery的最新

2、下载地址http://jquery.com/，下载页面如下所示-4-其中，Downloadthecompressed,productionjQuery1.9.1下载的是jquery-1.9.1.min.js文件；Downloadtheuncompressed,developmentjQuery1.9.1下载的是jquery-1.9.1.js文件。jquery-1.9.1.min.js文件一般用于网站部署，文件小，降低服务器负载；我们练习中建议使用jquery-1.9.1.js文件，便于查看和修改源代码。jQuery核心库的调用如下代码所示：

3、ad>2.jQuery核心库的使用2.1在ready方法中实现弹框显示信息的功能示例一:实现网页加载完毕，弹框显示“HtmlDOM加载完毕，可以操作了！”的信息的效果示例三:练习如何解决jQuery冲突四、实验要求1.独立完成实验内容；2.保存制作的jQuery的页面；3.记录实验过程存在的问题，书写实验报告。五、思考问题1.

6、思考jQuery的使用范围2.$.noConflict(true)与$.noConflict()区别3.了解jQuery解决冲突的源代码-4-实验二:熟练掌握Jquery的事件处理的编写和事件注册一、实验目的1.理解jQuery对象及jQuery选择器；2.熟练掌握并使用jQuery选择器；3.理解jQuery对象的结构；4.熟练的掌握对jQuery对象的处理。二、实验内容1.使用多种jQuery选择器获取指定的jQuery对象，并对其进行相关操作；2.使用相关方法对jQuery对象进行处理；三、实验步骤1.jQuery选择器的使用1.层级选择器

7、层级选择器包括后代选择器$("AB")、直接子元素选择器$("A>B")、相邻同级选择器$("A+B")、相邻同级连续选择器$("A~B")：假定网页存在以下代码：

..................3

..................4

..................5