JQuary-练习题参考答案.doc

第1章 jQuery概述一、选择题1A 2D 3C 二、填空题1引用jQuery官网的在线最新脚本；引用本地的jQuery脚本2$(document)3DOM4jQuery_API.mxp三、简答题1答：l 存放Web应用程序。l 接受用户申请的服务。如果用户申请浏览ASP、PHP等脚本文件，则Web服务器会对脚本进行解析，生成对应的临时HTML（HTM）文件。l 如果脚本中需要访问数据库，则将SQL语句传送到数据库服务器，并接收查询结果。l 将HTML（HTM）文件传送到Web浏览器。2答：l 由用户向指定的Web服务器（网站）申请服务。申请服务时需要指定Web服务器的域名或地址以及要浏览的HTML（HTM）文件或ASP、PHP等脚本文件。l 从Web服务器下载申请的HTML（HTM）文件。l 解析并显示HTML（HTM）文件，用户可以通过Web浏览器申请指定的Web服务器l Web浏览器和Web服务器使用HTTP协议进行通信。3答：（1）易于使用jQuery的语法很简单，它的核心理念是“write less,do more”,相比而言，实现同样的功能时需要编写的代码更少（据估算，5行jQuery就可以实现30行标准JavaScript代码的功能）。这无疑减少了程序员的工作量。（2）提供更多的功能强大的API相比而言，jQuery提供更多的API，而且涵盖的功能面更广，大大扩充了标准JavaScript的功能。（3）拥有强大的开源讨论区jQuery是开放源代码的项目，如果你有足够的兴趣和耐心，可以阅读某个jQuery API的源代码，了解它的实现过程，做到知其然知其所以然。（4）设计更美观、专业的网页使用jQuery的动画功能可以设计出相当于flash的特效网页，而使用jQuery制作的网页比使用flash的网页要小很多，因此更易于加载。4答：对 象具 体 描 述WindowBOM结构的最顶层对象，表示浏览器窗口Document用于管理HTML文档，可以用来访问页面中的所有元素Frames表示浏览器窗口中的框架窗口。Frames是一个集合，例如Frames0表示窗口中的第1个框架History表示浏览器窗口的浏览历史，就是用户访问过的站点的列表Location表示在浏览器窗口的地址栏中输入的URLNavigator包含客户端浏览器的信息Screen包含客户端显示屏的信息5答：jQuery对象不同于DOM对象，但在实际使用时经常被混淆。DOM对象是通用的，既可以在jQuery程序中使用，也可以在标准JavaScript程序中使用。第2章 JavaScript编程一、选择题1C 2B 3A 4A二、填空题1js2=3continue4break5function6return7Object8Event三、简答题1答：类型具体描述Undefined当声明的变量未初始化时，该变量的默认值是 undefinedNull空值，如果引用一个没有定义的变量，则返回空值Boolean布尔类型，包含true和falseString字符串类型，由单引号或双引号括起来的字符Number数值类型，可以是32位、64位整数或浮点数2答：3答:for(表达式1; 表达式2; 表达式3) 循环体4答:在函数中也可以定义变量，在函数中定义的变量被称为局部变量。局部变量只在定义它的函数内部有效，在函数体之外，即使使用同名的变量，也会被看作是另一个变量。相应地，在函数体之外定义的变量是全局变量。全局变量在定义后的代码中都有效，包括它后面定义的函数体内。如果局部变量和全局变量同名，则在定义局部变量的函数中，只有局部变量是有效的。第3章 jQuery选择器一、选择题1C 2B 3A 4B二、填空题1$(a)2$(*)3$( tr:first)4:even5:contains()三、简答题1. 答使用$(selector1, selector2, selectorN)可以同时选取网页中的多个HTML元素。2. 答使用可见性过滤器可以根据元素的可见性对元素进行过滤。jQuery包含:hidden和:visible两个可见性过滤器，:hidden可以匹配所有的不可见元素；:visible可以匹配所有的可见元素。例如，$(input:hidden)可以匹配所有不可见的input元素。3. 答可以使用:nth-child()过滤器匹配指定父元素下的一定条件的索引值的子元素。例如，$(ul li:nth-child(2)可以匹配ul元素中的第2个li子元素，$(ul li:nth-child(even) 可以匹配ul元素中的第偶数个li子元素，$(ul li:nth-child(odd)可以匹配ul元素中的第奇数个li子元素。如果不使用novalidate，则会验证数据。第4章 操作HTML元素一、选择题1C 2B 3B 4A 5B二、填空题1document.getElementById()2. attr()3has()第5章 jQuery插件一、选择题1A 2C 3A 4D二、填空题1jquery.插件名.js2jQuery. expr3jQuery对象.封装的jQuery对象方法4jQuery.全局函数名()5waypoint()三、简答题1答:jQuery插件可以分为下面3种类型。（1）封装jQuery对象方法：把一些常用功能定义为函数，绑定到jQuery对象上，从而扩展了jQuery对象。（2）全局函数：把自定义函数附加到jQuery命名空间下，从而作为一个公共的全局函数使用。（3）自定义选择器：编写一个自定义函数，返回满足指定条件的HTML元素对应的jQuery对象。2答：(function($) / 这里放插件代码 )(jQuery);第6章 表单编程一、选择题1C 2B 3D 4B 5A二、填空题1form2type3textarea4submit；reset；button5blur三、简答题1答选择器具 体 描 述:input匹配表单中所有的input元素、textarea元素、select元素和button元素: text匹配表单中所有的文本类型元素: password匹配表单中所有的密码类型（type=password）的元素: radio匹配表单中所有的radio类型元素（即单选按钮）: checkbox匹配表单中所有的checkbox类型元素（即复选框）: submit匹配表单中所有的提交按钮元素: image匹配表单中所有的image元素: reset匹配表单中所有的重置按钮: button匹配表单中所有的普通按钮:file匹配表单中所有的type=file的input元素（即选择文件的控件）2答：过滤器具 体 描 述:enabled匹配表单中所有启用的元素:disabled匹配表单中所有禁用的元素: checked匹配表单中所有被选中的元素（复选框或单选按钮）: selected过滤器可以匹配表单中所有被选中的option元素第7章 事件处理和Event对象一、选择题1B 2A 3C 4C二、填空题1bind()；delegate()2unbind()3Event三、简答题1答：可以通过下面的方法指定事件处理函数：jQuery选择器. 事件名(function() );第8章 设置CSS样式一、选择题1C 2A 3D 4B 4A二、填空题1行内样式表；内部样式表；外部样式表2border3border-radius4box-shadow5column-count6css()三、简答题1答：CSS是Cascading Style Sheet（层叠样式表）的缩写，它可以扩展HTML的功能，重新定义HTML元素的显示方式。CSS所能改变的属性包括字体、文字间的空间、列表、颜色、背景、页边距和位置等。使用CSS的好处在于用户只需要一次性定义文字的显示样式，就可以在各个网页中统一使用了，这样既避免了用户的重复劳动，也可以使系统的界面风格统一。CSS是一种能使网页格式化的标准，使用CSS可以使网页格式（由CSS定义）与内容（由HTML定义）分开，先决定文本的格式是什么样的，然后再确定文档的内容。2答：CSS支持3种选择器，第一种是HTML的标签，比如p、body、a等；第二种是class（CSS类别）；第三种是HTML元素的ID。3答：在CSS3中，设置边框颜色的属性如下。l border-bottom-colors：定义底边框的颜色；l border-top-colors:：定义顶边框的颜色；l border-left-colors:：定义左边框的颜色；l border-right-colors:：定义右边框的颜色。4答：jQuery可以使用表8-9所示的方法对CSS类别管理。表8-9jQuery中与CSS类别有关的方法方法说 明addClass()使用addClass()方法可以为匹配的HTML元素添加类别属性。语法如下：addClass( className )className是要添加的类别名称。hasClass()使用hasClass()方法可以判断匹配的元素是否被拥有指定的类别，语法如下：hasClass( className )如果匹配的元素拥有名为className的类别，则hasClass()方法返回True；否则返回False。removeClass()使用removeClass()可以为匹配的HTML元素删除指定的class属性。也就是执行切换操作。语法如下：removeClass( className )className是要切换的类别名称。toggleClass()检查每个元素中指定的类。如果不存在则添加类，如果已设置则将其删除。语法如下：toggleClass( className )className是要切换的类别名称。第9章 jQuery动画特效一、选择题1C 2C 3B 4B二、填空题1show()2SlideToggle()3delay4animate()5fx三、简答题1答使用fadeIn()方法可以实现淡入效果。使用fadeOut ()方法可以实现淡出效果。使用fadeTo()方法可以直接调节HTML元素的透明度。使用fadeToggle()方法可以淡入淡出的效果切换显示和隐藏HTML元素。2答使用SlideDown ()方法可以滑动效果显示HTML元素。使用SlideUp()方法可以滑动效果隐藏HTML元素。使用SlideToggle()方法可以滑动效果切换显示和隐藏HTML元素。第10章 jQuery与Ajax一、选择题1A 2B 3D 4A 5C二、填空题1XMLHttpRequest2$.getJSON()3status三、问答题1答：使用XMLHttpRequest对象可以实现下面的功能：l 在不重新加载页面的情况下更新网页；l 在页面已加载后从服务器请求数据；l 在页面已加载后从服务器接收数据；l 在后台向服务器发送数据。2答：JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。它采用完全独立于语言的文本格式，但是也使用了类似于C语言家族的习惯（包括C, C+, C#, Java, JavaScript, Perl, Python等）。这些特性使JSON成为理想的数据交换语言。易于人阅读和编写，同时也易于机器解析和生成。3答：参数说明如下。l url：需要发送异步HTTP（Ajax）请求的url。l settings：用于配置Ajax请求的一组“键/值”对。4答：成功的ajax请求的事件流如图10-5所示。图10-5 成功的ajax请求的事件流5答：失败的ajax请求的事件流如图10-6所示。图10-6 失败的ajax请求的事件流第11章 jQuery与HTML5一、选择题1C 2B二、填空题1HyperText Markup Language2HTML3Geolocation API4File5FormData6localstorage三、简答题1答l 标签用于定义文档中的区段。l 标签用于定义文档的页眉（介绍信息）。l 标签用于定义区段（section）或文档的页脚。通常，该元素包含作者的姓名、文档的创作日期或者联系方式等信息。l 标签用于定义导航链接。l 标签用于定义文章或网页中的主要内容。l 标签用于定义主要内容之外的其他内容。l 标签用于定义独立的流内容（图像、图表、照片、代码等等）。2答在HTML5中可以通过下面的方法进行绘图：l 使用Canvas API动态地绘制各种效果精美的图形；l 绘制可伸缩