12.2.1-12.2.3 jQuery UI小部件(上）（练习）-《网页设计与制作（DreamweaverCC)》（电子工业出版社）同步精品课堂

12.2.1-12.2.3： jQuery UI小部件(上） 一、名词解释 1.jQuery UI小部件 【答案】jQuery UI小部件是以DHTML和JavaScript等语言编写的小型Web应用程序，可以在网页内插入和执行，如折叠式、选项卡、日期选择器、滑块以及自动完成功能等，这些小部件将桌面体验带到了Web之上。 2.折叠面板（Accordion） 【答案】折叠面板（Accordion）是一组面板，用来将内容存储到紧凑的空间中。单击面板上的标签可以隐藏或显示存储在可折叠面板中的内容。在折叠微件中，每次只能有一个内容面板处于打开且可见的状态。 二、单项选择题 1.1. jQuery UI是哪个库的一部分（ ）？ A. jQuery Mobile B. jQuery Core C. jQuery 插件集合 D. Bootstrap 【答案】C 【解析】jQuery UI是jQuery的一个插件集合，提供了丰富的用户界面组件和交互效果。 2. 下列哪个不是jQuery UI提供的标准小部件（ ）？ A. 对话框（Dialog） B. 选项卡（Tabs） C. 进度条（Progressbar） D. 轮播图（Carousel） 【答案】D 【解析】jQuery UI提供了多种小部件，包括对话框、选项卡和进度条等，但轮播图不是其标准小部件之一。 3. 在jQuery UI中，用于创建可折叠内容区域的小部件是什么（ ）？ A. Accordion B. Collapsible C. Foldable D. Retractable 【答案】A 【解析】Accordion（手风琴）是jQuery UI中用于创建可折叠内容区域的小部件。 4. 下列哪个选项不是jQuery UI对话框的常用方法（ ）？ A. open() B. close() C. destroy() D. showModal() 【答案】D 【解析】jQuery UI对话框提供了open()、close()和destroy()等方法，但showModal()不是其常用方法。 5.下列哪个事件是在jQuery UI对话框打开时触发的（ ）？ A. open B. close C. create D. beforeClose 【答案】A 【解析】在jQuery UI对话框中，open事件是在对话框打开时触发的。 6. 下列哪个选项不是jQuery UI按钮的常用状态（ ）？ A. enabled B. disabled C. hovered D. focused 【答案】C 【解析】jQuery UI按钮提供了enabled、disabled和focused等常用状态，但hovered不是其标准状态。 7.jQuery UI小部件是将哪种体验带到了Web之上（ ）？ A. 手机应用体验 B. 游戏体验 C. 桌面体验 D. 电视体验 【答案】C 【解析】jQuery UI小部件（如折叠式、选项卡、日期选择器、滑块以及自动完成功能）将桌面体验带到了Web之上。 8.在Dreamweaver中插入jQuery UI小部件时，会自动链接哪些文件到页面（ ）？ A. 仅CSS文件 B. 仅JavaScript文件 C. CSS和JavaScript文件 D. HTML文件 【答案】C 【解析】当在Dreamweaver界面中插入小部件时，Dreamweaver会自动将这些文件链接到页面，以便微件中包含该页面的功能和样式。这些文件包括CSS文件和JavaScript文件。 9.折叠面板（Accordion）中，每次可以有多少个内容面板处于打开且可见的状态（ ）？ A. 任意多个 B. 两个 C. 一个 D. 三个 【答案】C 【解析】在折叠微件中，每次只能有一个内容面板处于打开且可见的状态。 10.如何触发选项卡（Tabs）面板的显示或隐藏（ ）？ A. 单击选项卡标题 B. 双击选项卡标题 C. 右击选项卡标题 D. 悬停选项卡标题 【答案】A 【解析】选择面板上的标签可隐藏或显示存储在选项卡式面板中的内容，即单击选项卡标题。 三、判断题 1．jQuery UI小部件只能用于创建折叠面板（ ） 【答案】 × 【解析】 jQuery UI小部件不仅可以用于创建折叠面板，还可以创建选项卡、日期选择器等多种小部件，将桌面体验带到了Web之上。 2. 在Dreamweaver中插入jQuery UI小部件时，Dreamweaver会自动链接所需的CSS和JavaScript文件（ ） 【答案】 √ 【解析】 当在Dreamweaver界面中插入jQuery UI小部件时，Dreamweaver会自动将这些文件链接到页面，以便小部件中包含该页面的功能和样式。 3. 折叠面板（Accordion）中每次可以有多个内容面板同时处于打开且可见的状态（ ） 【答案】 × 【解析】 在折叠面板（Accordion）中，每次只能有一个内容面板处于打开且可见的状态。 4. 选项卡（Tabs）的方向只能水平排列（ ） 【答案】 × 【解析】 选项卡（Tabs）的方向可以通过设置其“Orientation”属性来改变，不仅可以水平排列，还可以垂直排列。 5.日期选择器在默认情况下，会在页面加载时自动打开日历面板（ ） 【答案】 × 【解析】 日期选择器在默认情况下，会在日期输入文本框获得焦点时打开日历面板，并在失去焦点或选择日期时自动关闭，而不是在页面加载时自动打开。 6.编辑日期选择器属性时，可以设置日期字符串的显示格式为“dd/mm/yy”（ ） 【答案】 √ 【解析】 在编辑日期选择器属性时，可以通过“Date Format”设置日期字符串的显示格式，其中“dd/mm/yy”是一种可选择的格式。 四、简答题 1．jQuery UI小部件主要包含哪些类型，并简要描述其中一种的功能？ 【答案】jQuery UI小部件主要包含折叠面板、选项卡、日期选择器等类型。其中，折叠面板（Accordion）是一组面板，用来将内容存储到紧凑的空间中，单击面板上的标签可以隐藏或显示存储在可折叠面板中的内容。 2.在Dreamweaver中插入jQuery UI小部件时，会自动进行哪些操作？ 【答案】在Dreamweaver中插入jQuery UI小部件时，Dreamweaver会自动将这些小部件的CSS和JavaScript文件链接到页面，以便小部件中包含该页面的功能和样式。同时，Dreamweaver会在站点中创建一个jQueryAssets目录，并将相应的JavaScript和CSS文件保存到其中。 3.如何编辑jQuery UI中的日期选择器，包括哪些主要属性的设置？ 【答案】编辑jQuery UI中的日期选择器可以通过选中该部件后在“属性”面板中进行。主要属性包括设置日期字符串的显示格式（DateFormat）、用于显示日期的语言（区域设置）、用于显示日历的按钮（按钮图像）、使月份和年份可编辑（Change Month和Change Year）、放置内联日期选择器替代打开窗口（内联）、打开按钮面板（Show Button Panel）、设置最小和最大可选日期（Min Date和Max Date）以及要显示的月数（Number Of Months）等。 原创精品资源学科网独家享有版权，侵权必究！ 学科网（北京）股份有限公司 $$ 12.2.1-12.2.3： jQuery UI小部件(上） 一、名词解释 1.jQuery UI小部件 2.折叠面板（Accordion） 二、单项选择题 1.1. jQuery UI是哪个库的一部分（ ） A. jQuery Mobile B. jQuery Core C. jQuery 插件集合 D. Bootstrap 2. 下列哪个不是jQuery UI提供的标准小部件（ ） A. 对话框（Dialog） B. 选项卡（Tabs） C. 进度条（Progressbar） D. 轮播图（Carousel） 3. 在jQuery UI中，用于创建可折叠内容区域的小部件是什么（ ） A. Accordion B. Collapsible C. Foldable D. Retractable 4. 下列哪个选项不是jQuery UI对话框的常用方法（ ） A. open() B. close() C. destroy() D. showModal() 5.下列哪个事件是在jQuery UI对话框打开时触发的（ ） A. open B. close C. create D. beforeClose 6. 下列哪个选项不是jQuery UI按钮的常用状态（ ） A. enabled B. disabled C. hovered D. focused 7.jQuery UI小部件是将哪种体验带到了Web之上（ ） A. 手机应用体验 B. 游戏体验 C. 桌面体验 D. 电视体验 8.在Dreamweaver中插入jQuery UI小部件时，会自动链接哪些文件到页面（ ） A. 仅CSS文件 B. 仅JavaScript文件 C. CSS和JavaScript文件 D. HTML文件 9.折叠面板（Accordion）中，每次可以有多少个内容面板处于打开且可见的状态（ ） A. 任意多个 B. 两个 C. 一个 D. 三个 10.如何触发选项卡（Tabs）面板的显示或隐藏（ ） A. 单击选项卡标题 B. 双击选项卡标题 C. 右击选项卡标题 D. 悬停选项卡标题 三、判断题 1．jQuery UI小部件只能用于创建折叠面板（ ） 2. 在Dreamweaver中插入jQuery UI小部件时，Dreamweaver会自动链接所需的CSS和JavaScript文件（ ） 3. 折叠面板（Accordion）中每次可以有多个内容面板同时处于打开且可见的状态（ ） 4. 选项卡（Tabs）的方向只能水平排列（ ） 5.日期选择器在默认情况下，会在页面加载时自动打开日历面板（ ） 6.编辑日期选择器属性时，可以设置日期字符串的显示格式为“dd/mm/yy”（ ） 四、简答题 1．jQuery UI小部件主要包含哪些类型，并简要描述其中一种的功能？ 2.在Dreamweaver中插入jQuery UI小部件时，会自动进行哪些操作？ 3.如何编辑jQuery UI中的日期选择器，包括哪些主要属性的设置？ 原创精品资源学科网独家享有版权，侵权必究！ 学科网（北京）股份有限公司 $$