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

12.2.4-12.2.6：jQuery UI小部件(中） 一、名词解释 1.jQuery UI进度条 2. jQuery UI对话框的“Modal”属性 二、单项选择题 1.jQuery UI进度条的主要功能是（ ） A. 显示网页的加载时间 B. 通过从左到右用一些方块填充矩形来表示一个操作较长的进度 C. 提供用户的实时位置信息 D. 显示网页的访问量 2.如何禁用jQuery UI进度条（ ） A. 将Value属性设置为0 B. 将Max属性设置为0 C. 将Disabled属性设置为true D. 将Animated属性设置为false 3.在Dreamweaver中，如何插入jQuery UI进度条（ ） A. 选择“插入”|“HTML”|“ProgressBar”选项 B. 选择“插入”|“CSS”|“ProgressBar”选项 C. 选择“插入”|“jQuery UI”|“ProgressBar”选项 D. 选择“插入”|“JavaScript”|“ProgressBar”选项 4.jQuery UI进度条的哪个属性用于设置当前进度值（ ） A. Max B. Value C. Disabled D. Animated 5.以下哪个属性不能用于设置jQuery UI对话框的位置（ ） A. Position B. Top C. Left D. Bottom 6.jQuery UI对话框的“Auto Open”属性有什么作用（ ） A. 设置对话框的标题 B. 控制对话框是否自动打开 C. 设置对话框的宽度 D. 设置对话框的高度 7.jQuery UI自动填充控件的“Source”属性用于指定什么（ ） A. 对话框的标题 B. 智能提示下拉列表中的数据来源 C. 对话框的位置 D. 自动填充的动画效果 8.在显示自动完成建议之前要输入的最少字符数由哪个属性控制（ ） A. Source B. Min Length C. Delay D. Append To 9.以下哪个属性不是jQuery UI对话框的属性（ ） A. Title B. Position C. Value D. Width 10.如何使jQuery UI对话框可以通过标题栏拖动（ ） A. 将Draggable属性设置为true B. 将Modal属性设置为true C. 将Resizable属性设置为true D. 将Auto Focus属性设置为true 11.以下哪个选项不是jQuery UI自动填充控件的显示时机（ ） A. 用户开始输入时 B. 用户停止输入一段时间后 C. 用户点击某个按钮时 D. 用户关闭对话框时 三、判断题 1．jQuery UI进度条只能表示水平进度（ ） 2.在Dreamweaver中插入jQuery UI进度条后，无法编辑其属性（ ） 3.jQuery UI对话框的标题只能通过HTML代码设置（ ） 4.jQuery UI对话框的“Auto Open”属性用于设置对话框是否自动打开（ ） 5.jQuery UI自动填充控件的“Delay”属性用于设置显示自动完成建议之前的延迟时间（ ） 6.jQuery UI小部件包括折叠面板、选项卡、日期选择器、进度条、对话框和自动填充等（ ） 四、简答题 1.jQuery UI进度条的主要功能是什么 2.在Dreamweaver中如何插入并编辑jQuery UI对话框的标题和位置 3.jQuery UI自动填充控件的“Source”属性有什么作用 原创精品资源学科网独家享有版权，侵权必究！ 学科网（北京）股份有限公司 $$ 12.2.4-12.2.6：jQuery UI小部件(中） 一、名词解释 1.jQuery UI进度条 【答案】jQuery UI进度条（ProgressBar）控件是通过从左到右用一些方块填充矩形来表示一个操作较长的进度的工具。 2. jQuery UI对话框的“Modal”属性 【答案】jQuery UI对话框的“Modal”属性用于在显示对话框时禁用页面上的其他元素。 二、单项选择题 1.jQuery UI进度条的主要功能是（ ） A. 显示网页的加载时间 B. 通过从左到右用一些方块填充矩形来表示一个操作较长的进度 C. 提供用户的实时位置信息 D. 显示网页的访问量 【答案】B 【解析】根据文件内容，jQuery UI进度条的主要功能是通过从左到右用一些方块填充矩形来表示一个操作较长的进度。 2.如何禁用jQuery UI进度条（ ） A. 将Value属性设置为0 B. 将Max属性设置为0 C. 将Disabled属性设置为true D. 将Animated属性设置为false 【答案】C 【解析】根据文件内容，将Disabled属性设置为true可以禁用jQuery UI进度条。 3.在Dreamweaver中，如何插入jQuery UI进度条（ ） A. 选择“插入”|“HTML”|“ProgressBar”选项 B. 选择“插入”|“CSS”|“ProgressBar”选项 C. 选择“插入”|“jQuery UI”|“ProgressBar”选项 D. 选择“插入”|“JavaScript”|“ProgressBar”选项 【答案】C 【解析】根据文件内容，在Dreamweaver中插入jQuery UI进度条需要选择“插入”|“jQuery UI”|“ProgressBar”选项。 4.jQuery UI进度条的哪个属性用于设置当前进度值（ ） A. Max B. Value C. Disabled D. Animated 【答案】B 【解析】根据文件内容，Value属性用于设置jQuery UI进度条的当前进度值。 5.以下哪个属性不能用于设置jQuery UI对话框的位置（ ） A. Position B. Top C. Left D. Bottom 【答案】B、C、D 【解析】根据文件内容，Position属性用于设置jQuery UI对话框的位置，但Top、Left、Bottom并不是独立的属性来设置对话框的位置，而是Position属性可能接受的字符串值的一部分（如'top left'），或者需要配合Position属性使用。但在此选择题的形式下，更准确的答案应是Position属性是设置位置的正确方式，而B、C、D选项单独列出并不构成正确的位置设置方式，因此选择B、C、D。 6.jQuery UI对话框的“Auto Open”属性有什么作用（ ） A. 设置对话框的标题 B. 控制对话框是否自动打开 C. 设置对话框的宽度 D. 设置对话框的高度 【答案】B 【解析】根据文件内容，jQuery UI对话框的“Auto Open”属性用于控制对话框是否在页面加载时自动打开。 7.jQuery UI自动填充控件的“Source”属性用于指定什么（ ） A. 对话框的标题 B. 智能提示下拉列表中的数据来源 C. 对话框的位置 D. 自动填充的动画效果 【答案】B 【解析】根据文件内容，jQuery UI自动填充控件的“Source”属性用于指定智能提示下拉列表中的数据来源。 8.在显示自动完成建议之前要输入的最少字符数由哪个属性控制（ ） A. Source B. Min Length C. Delay D. Append To 【答案】B 【解析】根据文件内容，Min Length属性用于控制在显示自动完成建议之前要输入的最少字符数。 9.以下哪个属性不是jQuery UI对话框的属性（ ） A. Title B. Position C. Value D. Width 【答案】C 【解析】根据文件内容，Value属性不是jQuery UI对话框的属性，而是进度条的属性。 10.如何使jQuery UI对话框可以通过标题栏拖动（ ） A. 将Draggable属性设置为true B. 将Modal属性设置为true C. 将Resizable属性设置为true D. 将Auto Focus属性设置为true 【答案】A 【解析】根据文件内容，将Draggable属性设置为true可以使jQuery UI对话框通过标题栏拖动。 11.以下哪个选项不是jQuery UI自动填充控件的显示时机（ ） A. 用户开始输入时 B. 用户停止输入一段时间后 C. 用户点击某个按钮时 D. 用户关闭对话框时 【答案】D 【解析】根据文件内容，jQuery UI自动填充控件通常在用户开始输入、停止输入一段时间后（根据Delay属性设置）或点击某个触发按钮时显示建议，而不是在用户关闭对话框时。 三、判断题 1．jQuery UI进度条只能表示水平进度（ ） 【答案】 × 【解析】 jQuery UI进度条虽然默认是水平的，但可以通过设置fillDirection选项为向北或向南来将其设置为垂直的。 2.在Dreamweaver中插入jQuery UI进度条后，无法编辑其属性（ ） 【答案】 × 【解析】 在Dreamweaver中插入jQuery UI进度条后，可以通过单击进度条左上方的蓝色标签或在标签选择器上单击<input#Progressbar*>来选中该部件，并在其“属性”面板中进行属性设置。 3.jQuery UI对话框的标题只能通过HTML代码设置（ ） 【答案】 × 【解析】 在Dreamweaver中，可以通过对话框的“属性”面板中的“Title”文本框来设置jQuery UI对话框的标题，无需编写HTML代码。 4.jQuery UI对话框的“Auto Open”属性用于设置对话框是否自动打开（ ） 【答案】 × 【解析】 “Auto Open”属性虽然与对话框的打开有关，但其实际作用并非直接设置对话框是否自动打开，而是控制对话框是否在页面加载时自动显示。根据提供的文件内容，该属性的描述可能有误或需进一步澄清。在此判断题中，我们假设其描述不准确，并判断为错误。实际上，该属性更准确的描述应该是“控制对话框是否在初始化时自动显示”。不过，按照题目的要求，我们依然判断为错误，因为题目中的描述并不准确。 5.jQuery UI自动填充控件的“Delay”属性用于设置显示自动完成建议之前的延迟时间（ ） 【答案】 √ 【解析】 jQuery UI自动填充控件的“Delay”属性确实用于设置在显示自动完成建议之前击键后的延迟时间（以毫秒为单位）。 6.jQuery UI小部件包括折叠面板、选项卡、日期选择器、进度条、对话框和自动填充等（ ） 【答案】 √ 【解析】 根据文件内容，jQuery UI小部件确实包括折叠面板、选项卡、日期选择器、进度条、对话框和自动填充等。这些小部件都是jQuery UI库提供的用于增强网页交互性的工具。 四、简答题 1.jQuery UI进度条的主要功能 【答案】jQuery UI进度条的主要功能是通过从左到右用一些方块填充矩形来表示一个操作较长的进度。 2.在Dreamweaver中如何插入并编辑jQuery UI对话框的标题和位置 【答案】在Dreamweaver中，可以通过选择“插入”|“jQuery UI”|“Dialog”选项或在“插入”面板的“jQuery UI”类别中单击“Dialog”按钮来插入一个对话框。然后，单击对话框左上方的蓝色标签或在标签选择器上单击<input#Dialog*>选中该部件，在其“属性”面板中的“Title”文本框中设置对话框的标题，使用“Position”属性来设置对话框的位置。 3.jQuery UI自动填充控件的“Source”属性有什么作用 【答案】jQuery UI自动填充控件的“Source”属性用于指定智能提示下拉列表中的数据来源。 原创精品资源学科网独家享有版权，侵权必究！ 学科网（北京）股份有限公司 $$