Jquery测试题教学教材
2024年jq课件(完整版(.
2024年jq课件(完整版(.一、教学内容本节课我们将学习《计算机编程基础》教材第7章“JavaScript基础”的7.3节至7.5节。
详细内容将包括：理解JavaScript的基本语法和结构，掌握变量、数据类型、运算符、控制语句和函数的使用。
二、教学目标1. 理解并掌握JavaScript的基本语法和结构。
2. 学会使用变量进行数据存储，了解常见的数据类型及其转换。
3. 掌握各类运算符的使用，并能编写简单的算术表达式。
4. 学会使用控制语句进行程序流程控制，如条件语句和循环语句。
5. 能够编写简单的函数，理解函数的作用和调用方式。
三、教学难点与重点教学难点：1. 数据类型及其转换规则。
2. 控制语句的语法和使用场景。
3. 函数的定义和调用。
教学重点：1. JavaScript的基本语法和结构。
2. 变量和数据类型的应用。
3. 运算符和表达式的编写。
4. 控制语句和函数的实现。
四、教具与学具准备1. 教师演示用的计算机和投影仪。
2. 学生每人一台计算机，安装有文本编辑器和浏览器。
3. 教材《计算机编程基础》。
五、教学过程1. 导入：通过一个简单的网页实例，展示JavaScript的用途和功能，引发学生兴趣。
2. 理论讲解：a. 介绍JavaScript的基本概念和作用。
b. 详细讲解变量、数据类型、运算符、控制语句和函数的语法和使用方法。
3. 例题讲解：a. 编写一个计算圆的面积的函数。
b. 利用循环语句和条件语句编写一个简易的猜数字游戏。
4. 随堂练习：a. 让学生编写一个计算长方形面积的函数。
b. 让学生利用循环语句和条件语句编写一个简易的计算器程序。
六、板书设计1. JavaScript基础2. 内容：a. 变量、数据类型、运算符b. 控制语句（条件语句、循环语句）c. 函数的定义和调用七、作业设计1. 作业题目：a. 编写一个JavaScript程序，实现用户输入两个数，计算并输出这两个数的和、差、乘积和商。
jquery练习题
jquery练习题jQuery练习题在前端开发中，jQuery是一种非常常用的JavaScript库，它简化了JavaScript的编写和操作，使得开发人员可以更加高效地处理DOM操作、事件处理、动画效果等。
为了熟悉和掌握jQuery的使用，下面将给出一些jQuery练习题，帮助读者进一步巩固和提升自己的jQuery技能。
一、选择器练习题1. 选取页面中所有的段落元素，并将它们的文本内容改为"Hello World"。
2. 选取页面中所有的图片元素，并将它们的宽度设置为200像素。
3. 选取页面中所有class为"box"的元素，并将它们的背景颜色设置为红色。
4. 选取页面中第一个段落元素，并将它的字体颜色设置为蓝色。
二、事件处理练习题1. 给页面中所有的按钮元素添加一个点击事件，当点击按钮时，弹出一个提示框显示"Button Clicked!"。
2. 给页面中所有的图片元素添加一个鼠标移入事件，当鼠标移入图片时，将图片的宽度增加50像素。
3. 给页面中所有的输入框元素添加一个焦点事件，当输入框获得焦点时，将输入框的边框颜色设置为红色。
4. 给页面中所有的段落元素添加一个双击事件，当双击段落时，将段落的字体大小设置为20像素。
三、动画效果练习题1. 给页面中所有的图片元素添加一个点击事件，当点击图片时，将图片以200毫秒的速度淡出。
2. 给页面中所有的按钮元素添加一个鼠标移入事件，当鼠标移入按钮时，将按钮的背景颜色从白色渐变为红色，过渡时间为500毫秒。
3. 给页面中所有的段落元素添加一个点击事件，当点击段落时，将段落以500毫秒的速度向右移动200像素。
4. 给页面中所有的div元素添加一个鼠标移出事件，当鼠标移出div时，将div 的高度从200像素过渡到100像素，过渡时间为300毫秒。
四、DOM操作练习题1. 创建一个新的段落元素，并将其添加到页面中id为"container"的div中。
jq考试题库
jq考试题库一、选择题（每题2分，共20分）1. 在jQuery中，以下哪个选择器用于选择所有具有特定类名的元素？A. `#classname`B. `.class`C. `*.class`D. `.class*`2. jQuery中的`$`符号代表什么？A. jQuery对象B. 一个字符串C. 一个数字D. 一个布尔值3. 如何使用jQuery来绑定一个点击事件？A. `$('#element').click()`B. `$('#element').click()`C. `$('#element').bind('click')`D. `$('#element').click('click')`4. jQuery中的`$(document).ready()`函数的作用是什么？A. 确保DOM完全加载后再执行代码B. 检查jQuery是否已加载C. 检查浏览器是否支持jQueryD. 检查页面是否已完全加载5. 下列哪个方法可以用来获取元素的属性值？A. `.attr()`B. `.prop()`C. `.get()`D. `.eq()`6. 如何使用jQuery来选择所有`<p>`元素？A. `$('p')`B. `$('p').find('p')`C. `$('p').parent()`D. `$('p').children()`7. jQuery中的`.each()`方法用于什么？A. 遍历数组或对象B. 遍历DOM元素C. 遍历选择器D. 遍历字符串8. 如何使用jQuery来设置元素的CSS样式？A. `$('#element').css('style')`B. `$('#element').style()`C. `$('#element').css('property', 'value')`D. `$('#element').style('property', 'value')`9. jQuery中的`.ajax()`方法用于什么？A. 异步加载数据B. 同步加载数据C. 处理表单提交D. 处理用户输入10. 如何使用jQuery来移除一个元素？A. `$('#element').remove()`B. `$('#element').detach()`C. `$('#element').empty()`D. `$('#element').clear()`二、填空题（每题2分，共20分）1. jQuery中的`$.ajax()`方法允许你使用______方式从服务器请求数据。
jquery考试题复习课程
j q u e r y考试题1.下面哪种不是jquery的选择器？(D)2.A、基本选择器 B、后代选择器 C、类选择器 D、进一步选择器3.当DOM加载完成后要执行的函数，下面哪个是正确的？(C)4.A.jQuery(expression, [context]) B、jQuery(html, [ownerDocument]) C、jQuery(callback) D、jQuery(elements)5.下面哪一个是用来追加到指定元素的末尾的？()6.A、insertAfter() B、append() C、appendTo() D、after()7.下面哪一个不是jquery对象访问的方法？(D)8.A、each(callback) B、size() C、index(subject) D、index()9.有这样一个表单元素，想要找到这个hidden元素，下面哪个是正确的？(B)10.A、visible B、hidden C、visible() D、hidden()11.如果需要匹配包含文本的元素，用下面哪种来实现？(B)12.A、text() B、contains() C、input() D、attr(name)13.如果想要找到一个表格的指定行数的元素，用下面哪个方法可以快速找到指定元素？(C)14.A、text() B、get() C、eq() D、contents（）15.下面哪种不属于jquery的筛选？（B）16.A、过滤 B、自动 C、查找 D、串联17.如果想在一个指定的元素后添加内容，下面哪个是实现该功能的？（D）18.A、append(content) B、appendTo(content) C、insertAfter(content) D、after(content)19.在jquey中，如果想要从DOM中删除所有匹配的元素，下面哪一个是正确的？（C）A、delete()B、empty()C、remove()D、removeAll()20.在jquery中，想要给第一个指定的元素添加样式，下面哪一个是正确的？（C）21.A、first B、eq(1) C、css(name)22.在jquery中，如果想要获取当前窗口的宽度值，下面哪个是实现该功能的？（A）23.A、width() B、width(val) C、width D、innerWidth()24.为每一个指定元素的指定事件（像click）绑定一个事件处理器函数，下面哪个是用来实现该功能的？（B）Bind one unbind triggerA、trigger (type)B、bind(type)C、one(type)25.在一个表单中，如果想要给输入框添加一个输入验证，可以用下面的哪个事件实现？ (D)26.A、hover(over ,out) B、keypress（fn） C、change() D、change(fn)27.当一个文本框中的内容被选中时，想要执行指定的方法时，可以使用下面哪个事件来实现？（C）28.A、click(fn) B、change(fn) C、select(fn) D、bind(fn)29.在jquery中想要实现通过远程http get请求载入信息功能的是下面的哪一下事件？ (C)30.A、$.ajax() B、load(url) C、$.get(url) D、$.getScript(url)31.下面不属于ajax事件的是？ (C)32.A、ajaxComplete(callback) B、ajaxSuccess(callback) C、$.post(url) D、ajaxSend(callback)33.使用jquery检查<input type="hidden" id="id" name="id" />元素在网页上是否存在。
《jq》完美精品课件
《jq》完美精品课件一、教学内容本节课我们将学习《jq》教材第四章“事件处理”部分，详细内容涵盖事件的基本概念、事件流、事件处理函数、绑定和注销事件等。
二、教学目标1. 理解事件处理的基本概念，掌握事件流和事件处理函数的使用。
2. 学会使用jq为元素绑定和注销事件，并能解决实际问题。
3. 能够运用所学知识编写具有交互性的网页。
三、教学难点与重点重点：事件处理函数的编写和绑定方法。
难点：事件流的理解，以及在实际开发中灵活运用事件处理。
四、教具与学具准备1. 教具：投影仪、计算机、PPT课件。
2. 学具：计算机、教材、笔记本。
五、教学过程1. 导入：通过展示一个具有交互效果的网页，引发学生对事件处理的学习兴趣。
2. 理论讲解：（1）事件的基本概念及分类；（2）事件流的概念及分类；（3）事件处理函数的编写及使用；（4）绑定和注销事件的方法。
3. 实践操作：（1）使用jq为元素绑定事件；（2）编写事件处理函数，实现效果；（3）注销已绑定的事件。
4. 例题讲解：以一个具体实例，讲解事件处理在实际开发中的应用。
5. 随堂练习：让学生编写一个简单的网页，实现按钮弹出提示框的功能。
六、板书设计1. 事件处理基本概念2. 事件流3. 事件处理函数4. 绑定和注销事件5. 实例讲解七、作业设计1. 作业题目：（1）编写一个网页，实现按钮改变元素样式的功能；（2）编写一个网页，实现鼠标移入移出元素时改变元素颜色的功能。
2. 答案：（1）<!DOCTYPE ><><head><meta charset="UTF8"><>作业1</></head><body><button id="btn">改变样式</button><div id="box" style="width: 100px; height: 100px; backgroundcolor: red;"></div><script>$('btn').click(function() {$('box').css('backgroundcolor', 'blue');});</script></body></>（2）<!DOCTYPE ><><head><meta charset="UTF8"><>作业2</></head><body><div id="box" style="width: 100px; height: 100px; backgroundcolor: red;"></div><script>$('box').mouseover(function() {$(this).css('backgroundcolor', 'blue');});$('box').mouseout(function() {$(this).css('backgroundcolor', 'red');});</script></body></>八、课后反思及拓展延伸1. 反思：本节课学生对事件处理的概念和用法掌握程度，以及在实际操作中遇到的问题。
2024年《jq》完美优质教学课件
2024年《jq》完美优质教学课件一、教学内容本节课我们将在《jq》教材第十二章“数据操作”中深入学习，详细内容涉及数据选择、数据修改、数据删除等核心操作，重点探讨jq库在处理JSON数据时的应用技巧。
二、教学目标1. 理解并掌握jq库的数据操作方法。
2. 学会使用jq库处理复杂的JSON数据。
3. 能够运用jq库解决实际编程中遇到的数据处理问题。
三、教学难点与重点难点：如何灵活运用jq库处理复杂的JSON数据，提高数据处理效率。
重点：jq库的数据选择、数据修改、数据删除等核心操作。
四、教具与学具准备1. 计算机2. 投影仪3. 教学PPT4. 学生笔记本五、教学过程1. 实践情景引入（5分钟）利用一个实际开发中的数据处理问题，引导学生思考如何高效处理JSON数据。
2. 知识讲解（10分钟）详细讲解jq库的数据操作方法，包括数据选择、数据修改、数据删除等。
3. 例题讲解（15分钟）通过具体例题，演示如何使用jq库处理JSON数据，解决实际问题。
4. 随堂练习（10分钟）学生自主完成随堂练习，巩固所学知识。
5. 互动环节（5分钟）学生提问，教师解答，共同探讨在数据处理中遇到的问题及解决方法。
七、作业设计1. 作业题目：（1）选择JSON数据中的某个元素。
（2）修改JSON数据中的某个元素的值。
（3）删除JSON数据中的某个元素。
2. 答案：（1）选择：$.data[key]（2）修改：$.data[key] = newValue（3）删除：delete $.data[key]八、课后反思及拓展延伸1. 反思：本节课是否成功引导学生掌握jq库的数据操作方法，解决实际问题。
2. 拓展延伸：鼓励学生深入研究jq库，探索其在实际项目中的应用，提高数据处理能力。
本教学课件旨在帮助学生在掌握jq库基本操作的基础上，提高数据处理能力，为实际项目开发打下坚实基础。
在教学过程中，注意引导学生思考，激发学生的学习兴趣，培养其解决问题的能力。
jQuery基础教程（第3版）---第八章习题答案
jQuery基础教程（第3版）---第⼋章习题答案//第⼆题 1(function($){$.fn.shadow=function(opts){var options = $.extend({},$.fn.shadow.defaults,opts);return this.each(function(){var $originalElement=$(this);for(var i=0;i<options.copies;i++){var offset = options.copyOffset(i);$originalElement.clone().css({position:'absolute',left:$originalElement.offset().left+offset.x,top:$originalElement.offset().top+offset.y,margin:0,zIndex:options.zIndex,opacity:options.opacity}).appendTo('body');}});}$.fn.shadow.defaults={copies:5,opacity:0.1,zIndex:-1,copyOffset:function(index){return {x:index,y:index};}};})(jQuery);//第⼆题 2(function($){$.widget('ljq.tooltip',{options:{offsetX:10,offsetY:10,content:function(){return $(this).data('tooltip-text');}},_create:function(){this._tooltipDiv=$('<div></div>').addClass('ljq-tooltip-text '+ 'ui-widget ui-state-highlight ui-corner-all').hide().appendTo('body');this.element.addClass('ljq-tooltip-trigger').bind('mouseenter.ljq-tooltip',$.proxy(this._open,this)).bind('mouseleave.ljq-tooltip',$.proxy(this._close,this));},_open:function(){if(!this.options.disabled){var elementOffset = this.element.offset();this._tooltipDiv.css({left:elementOffset.left+this.options.offsetX,top:elementOffset.top+this.element.height()+this.options.offsetY}).text(this.options.content.call(this.element[0]))this._tooltipDiv.show();this._trigger('open');this.isOpen(true);}},_close:function(){this._tooltipDiv.hide();this._trigger('close');this.isOpen(false);},destroy:function(){this._tooltipDiv.remove();this.element.removeClass('ljq-tooltip-trigger')this._open();},close:function(){this._close();},isOpen:function(tag){if(tag){console.log("true");return true;}else{console.log("false");return false;}}});})(jQuery);//第三题$(document).ready(function(){$('a').bind('tooltipopen',function(){console.log('open');});});//第四题我的理解不知道对不对，参考⼀下就好了var con;(function($){$.widget('ljq.tooltip',{options:{offsetX:10,offsetY:10,content:function(){//alert(this);var urlstr = $(this).attr('href');$.ajax({url:urlstr,type:'get',dataType:'html',success:function(data){con=data;},error:function(){}});return con;}},_create:function(){this._tooltipDiv=$('<div></div>').addClass('ljq-tooltip-text '+ 'ui-widget ui-state-highlight ui-corner-all').hide().appendTo('body');this.element.addClass('ljq-tooltip-trigger').bind('mouseenter.ljq-tooltip',$.proxy(this._open,this)).bind('mouseleave.ljq-tooltip',$.proxy(this._close,this));},_open:function(){if(!this.options.disabled){var elementOffset = this.element.offset();this._tooltipDiv.css({left:elementOffset.left+this.options.offsetX,top:elementOffset.top+this.element.height()+this.options.offsetY}).text(this.options.content.call(this))//这⾥表⽰，content函数内部的this指向的是括号内的参数this._tooltipDiv.show();this._trigger('open');this.isOpen(true);}},_close:function(){this._tooltipDiv.hide();this._trigger('close');this.isOpen(false);},destroy:function(){this._tooltipDiv.remove();this.element.removeClass('ljq-tooltip-trigger')this._open();},close:function(){this._close();},isOpen:function(tag){if(tag){console.log("true");return true;}else{console.log("false");return false;}}});})(jQuery);//第五题仅是打开时⽤到了effect(function($){$.widget('ljq.tooltip',{options:{offsetX:10,offsetY:10,effect:'clip',content:function(){return $(this).data('tooltip-text');}},_create:function(){this._tooltipDiv=$('<div></div>').addClass('ljq-tooltip-text '+ 'ui-widget ui-state-highlight ui-corner-all').hide().appendTo('body');this.element.addClass('ljq-tooltip-trigger').bind('mouseenter.ljq-tooltip',$.proxy(this._open,this)).bind('mouseleave.ljq-tooltip',$.proxy(this._close,this));},_open:function(){if(!this.options.disabled){var elementOffset = this.element.offset();this._tooltipDiv.css({left:elementOffset.left+this.options.offsetX,top:elementOffset.top+this.element.height()+this.options.offsetY }).text(this.options.content.call(this.element[0]))this._tooltipDiv.effect(this.options.effect);//注意这⾥,打开时使⽤到了this._trigger('open');this.isOpen(true);}},_close:function(){this._tooltipDiv.hide();this._trigger('close');this.isOpen(false);},destroy:function(){this._tooltipDiv.remove();this.element.removeClass('ljq-tooltip-trigger').unbind('.ljq-tooltip');$.Widget.prototype.destroy.apply(this,arguments);},open:function(){this._open();},close:function(){this._close();},isOpen:function(tag){if(tag){console.log("true");return true;}else{console.log("false");return false;} }}); })(jQuery);。
《jq》完美精品课件2
《jq》(完美精品课件一、教学内容本节课我们将学习《jq》教材的第3章《事件处理》。
详细内容将包括事件的概念、事件流、事件处理程序以及常用的事件类型。
特别是鼠标事件、键盘事件和表单事件的应用。
二、教学目标1. 理解事件在Web编程中的重要性，掌握事件的基本概念和事件流。
2. 学会使用JavaScript编写事件处理程序，能熟练运用常用的事件类型。
3. 培养学生通过事件处理实现用户交互的能力。
三、教学难点与重点1. 教学难点：事件流的理解，特别是事件冒泡和捕获的应用。
2. 教学重点：常用事件类型的掌握以及事件处理程序编写。
四、教具与学具准备1. 教具：计算机、投影仪、白板。
2. 学具：教材、《jq》学习笔记、笔、纸。
五、教学过程1. 导入：通过一个简单的实践情景引入，展示一个带有事件的按钮，让学生观察并思考事件的作用。
2. 知识讲解：a. 讲解事件的概念和事件流，以实例演示事件冒泡和捕获。
b. 讲解事件处理程序的编写，包括内联、DOM0级和DOM2级事件处理程序。
c. 介绍常用事件类型，如鼠标事件、键盘事件和表单事件，并进行实例讲解。
3. 例题讲解：讲解一个完整的示例，展示如何使用事件处理实现一个简单的图片轮播效果。
4. 随堂练习：让学生动手实现一个简单的按钮切换图片的案例，巩固所学知识。
六、板书设计1. 事件概念、事件流、事件处理程序、常用事件类型。
2. 事件冒泡和捕获的示意图。
3. 示例代码和随堂练习代码。
七、作业设计1. 作业题目：实现一个简单的表单验证功能，要求包括用户名、密码、确认密码和邮箱，并在提交时进行验证。
2. 答案：a. 用户名：只能包含字母和数字，长度为410位。
b. 密码：必须包含字母和数字，长度为612位。
c. 确认密码：与密码一致。
d. 邮箱：符合邮箱格式。
八、课后反思及拓展延伸1. 反思：本节课学生对事件处理的理解程度，以及对实践案例的掌握情况。
2. 拓展延伸：引导学生学习更多关于事件处理的知识，如事件委托、移除事件处理程序等，提高学生的实际应用能力。
JQuery练习题
一、Jquery测试题1下面哪种不是jquery的选择器(单选)A、基本选择器B、后代选择器C、类选择器D、进一步选择器考点:jquery的选择器 (C)2当DOM加载完成后要执行的函数，下面哪个是正确的(单选)jQuery(expression, [context]) B、jQuery(html, [ownerDocument]) C、jQuery(callback) D、jQuery(elements)考点：jquery的核心函数 (C)3下面哪一个是用来追加到指定元素的末尾的(单选)A、insertAfter()B、append()C、appendTo()D、after()考点：jquery的核心函数 (C)4下面哪一个不是jquery对象访问的方法(单选)A、each(callback)B、size()C、index(subject)D、index()考点： jquery的核心函数之对象访问（D）5．jquery访问对象中的size()方法的返回值和jQuery对象的_______属性一样.考点：jquery的核心函数之对象访问（length）中$(this).get(0)的写法和__________是等价的。
考点：jquery的核心函数之对象访问（$(this)[0]）7. 有这样一个表单元素，想要找到这个hidden元素，下面哪个是正确的(单选)A、visibleB、hiddenC、visible()D、hidden()考点：jquery的选择器（B）8.如果需要匹配包含文本的元素，用下面哪种来实现(单选)A、text()B、contains()C、input()D、attr(name)考点：jquery的选择器（B）9.现有一个表格，如果想要匹配所有行数为偶数的，用________实现，奇数的用_______实现。
考点：jquery的选择器（even,odd）10.如果想要找到一个表格的指定行数的元素，用下面哪个方法可以快速找到指定元素(单选)A、text()B、get()C、eq()D、contents（）考点：jquery的选择器（C）11.在一个表单里，想要找到指定元素的第一个元素用_________实现，那么第二个元素用_________实现。
2024年jq课件(完整版(.
2024年jq课件(完整版(.一、教学内容1. JavaScript简介与运行环境2. 变量声明与数据类型3. 运算符与表达式4. 控制语句：条件语句与循环语句5. 函数定义与调用6. 事件处理与DOM操作基础二、教学目标1. 理解JavaScript的基本概念，掌握其语法特点。
2. 学会使用JavaScript编写基本的程序，实现动态交互效果。
3. 掌握DOM的基本操作，能实现简单的页面动态效果。
三、教学难点与重点1. 教学难点：事件处理机制与DOM操作。
2. 教学重点：JavaScript的基本语法与编程思想。
四、教具与学具准备1. 计算机2. 投影仪3. 教学PPT4. 编程环境（如Visual Studio Code、Sublime Text等）五、教学过程1. 导入：通过展示一个简单的JavaScript动态效果，引发学生兴趣，引出本节课主题。
2. 理论讲解：a. 介绍JavaScript的基本概念与运行环境b. 讲解变量声明、数据类型、运算符与表达式c. 分析控制语句（条件语句、循环语句）的使用方法d. 讲解函数定义、调用及事件处理e. 介绍DOM的基本概念与操作方法3. 例题讲解：a. 举例说明如何使用JavaScript实现一个简单的计算器b. 演示如何使用DOM操作实现一个动态下拉菜单4. 随堂练习：a. 编写一个JavaScript程序，实现用户输入年龄，判断并输出所属年龄段b. 编写一个JavaScript程序，实现一个简单的轮播图效果六、板书设计1. JavaScript基本语法2. 控制语句与函数定义3. 事件处理与DOM操作七、作业设计1. 作业题目：a. 编写一个JavaScript程序，实现一个简易的在线购物车功能b. 编写一个JavaScript程序，实现一个九宫格抽奖活动2. 答案与解析：八、课后反思及拓展延伸1. 反思：本节课通过实践操作，让学生掌握了JavaScript的基本语法与编程思想。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
J q u e r y测试题1、HTML 代码:<p>one</p> <div><p>two</p></div> <p>three</p>jQuery 代码: $("div > p"); 结果:（ A ）A、[ <p>two</p> ]B、[<p>one</p> ]C、[<p>three</p>]D、[<div><p>two</p></div> ]2、HTML 代码:<div>DIV</div><span>SPAN</span><p>P</p>jQuery 代码: $("*") 结果:（ D ）A、[ <div>DIV</div>]B、[<span>SPAN</span> ]C、[<p>P</p>]D、[<div>DIV</div>, <span>SPAN</span>, <p>P</p>]3、HTML 代码:<div class="notMe">div class="notMe"</div><div class="myClass">div class="myClass"</div><span class="myClass">span class="myClass"</span>jQuery 代码: $(".myClass"); 结果:（ D ）A、[ <div class="notMe">div class="notMe"</div>]B、[<div class="myClass">div class="myClass"</div>]C、[<span class="myClass">span class="myClass"</span>]D、[<div class="myClass">div class="myClass"</div>, <span class="myClass">span class="myClass"</span> ]4、HTML 代码:<div>DIV1</div><div>DIV2</div> <span>SPAN</span>jQuery 代码: $("div"); 结果:（ B ）A、[ <div>DIV2</div> ]B、[<div>DIV1</div>, <div>DIV2</div> ]C、[<div>DIV1</div>]5、HTML 代码:<div id="notMe"><p>id="notMe"</p></div><div id="myDiv">id="myDiv"</div>jQuery 代码: $("#myDiv"); 结果:（ A ）A、[ <div id="myDiv">id="myDiv"</div> ]B、[<p>id="notMe"</p> ]C、[<div id="notMe"><p>id="notMe"</p></div>]D、[<div id="notMe"><p>id="notMe"</p></div><divid="myDiv">id="myDiv"</div>]6、HTML 代码:<div>div</div><p class="myClass">p class="myClass"</p><span>span</span><p class="notMyClass">p class="notMyClass"</p>jQuery 代码: $("div,span,p.myClass") 结果:（ A ）A、[ <div>div</div>, <p class="myClass">p class="myClass"</p>,<span>span</span> ]B、[<p class="myClass">p class="myClass"</p>]C、[<p class="notMyClass">p class="notMyClass"</p>]D、[<div>div</div>]7、HTML 代码:<form><label>Name:</label><input name="name" /><fieldset><label>Newsletter:</label><input name="newsletter" /></fieldset></form><input name="none" />jQuery 代码:$("form input") 结果:（ B ）A、[<input name="name" />]B、[ <input name="name" />, <input name="newsletter" /> ]C、[<input name="newsletter" />]8、HTML 代码:<form><label>Name:</label><input name="name" /><fieldset><label>Newsletter:</label><input name="newsletter" /></fieldset></form><input name="none" />jQuery 代码: $("form > input") 结果:（D ）A、[ <input name="name" /> ]B、[<input name="newsletter" />]C、[<input name="none" />]D、[<label>Newsletter:</label>]9、HTML 代码:<form><label>Name:</label><input name="name" /><fieldset><label>Newsletter:</label><input name="newsletter" /></fieldset></form><input name="none" />jQuery 代码: $("label + input") 结果:（ C ）A、[<input name="newsletter" />]B、[<input name="name" />]C、[ <input name="name" />, <input name="newsletter" /> ]D、[<label>Newsletter:</label>]10、HTML 代码:<form><label>Name:</label><input name="name" /><fieldset><label>Newsletter:</label><input name="newsletter" /></fieldset></form><input name="none" />jQuery 代码: $("form ~ input") 结果:（C ）A、[<input name="newsletter" />]B、[<input name="name" />]C、[ <input name="none" /> ]D、[<label>Newsletter:</label>]11、HTML 代码:<table><tr><td>Header 1</td></tr><tr><td>Value 1</td></tr><tr><td>Value 2</td></tr></table>jQuery 代码: $("tr:eq(1)") 结果:（ B ）A、[ <tr><td>Value 1</td></tr> ]B、[<td>Value 1</td>]C、[<td>Value 2</td>]D、[<td>Header 1</td>]12、HTML 代码:<table><tr><td>Header 1</td></tr><tr><td>Value 1</td></tr><tr><td>Value 2</td></tr></table>jQuery 代码:$("tr:first") 结果:（ D ）A、[ <tr><td>Header 1</td></tr> ]B、[<td>Value 1</td>]C、[<td>Value 2</td>]D、[<td>Header 1</td>]13、HTML 代码:<table><tr><td>Header 1</td></tr><tr><td>Value 1</td></tr><tr><td>Value 2</td></tr></table>jQuery 代码: $("tr:gt(0)") 结果:（ B ）A、[<tr><td>Header 1</td></tr>]B、[ <tr><td>Value 1</td></tr>, <tr><td>Value 2</td></tr> ]C、[<tr><td>Value 2</td></tr>]D、[<td>Value 2</td>]14、HTML 代码:<table><tr><td>Header 1</td></tr><tr><td>Value 1</td></tr><tr><td>Value 2</td></tr></table>jQuery 代码: $("tr:odd") 结果:（ A ）A、[ <tr><td>Value 1</td></tr> ]B、[<tr><td>Header 1</td></tr>]C、[<td>Value 1</td>]D、[<tr><td>Value 2</td></tr>]15、HTML 代码:<table><tr><td>Value 1</td><td></td></tr><tr><td>Value 2</td><td></td></tr></table>jQuery 代码: $("td:empty") 结果:（D ）A、[<td>Value 1</td>]B、[ <td></td>, <td></td> ]C、[<td>Value 2</td>]D、[<td></td>]16、HTML 代码:<table><tr><td>Value 1</td><td></td></tr><tr><td>Value 2</td><td></td></tr></table>jQuery 代码: $("td:parent") 结果:（A ）A、[<td>Value 1</td>]B、[ <td></td>, <td></td> ]C、[<td>Value 2</td>]D、[ <td>Value 1</td>, <td>Value 1</td> ]17、HTML 代码:<table><tr style="display:none"><td>Value 1</td></tr><tr><td>Value 2</td></tr></table>jQuery 代码: $("tr:hidden") 结果:（一）一、[ <tr style="display:none"><td>Value 1</td></tr> ]二、[<tr><td>Value 2</td></tr>]三、[<td>Value 1</td>]四、[<td>Value 2</td>]18、HTML 代码:<input name="man-news" /><input name="milkman" /><input name="letterman2" /><input name="newmilk" />jQuery 代码: $("input[name*='man']") 结果:（ A ）A、[<input name="man-news" />]B、[<input name="milkman" />]C、[<input name="letterman2" />]D、[ <input name="man-news" />, <input name="milkman" />, <inputname="letterman2" /> ]19、HTML 代码:<form><input name="email" disabled="disabled" /><input name="id" /></form>jQuery 代码: $("input:enabled") 结果:（ B ）A、[<input name="email" disabled="disabled" />]B、[ <input name="id" /> ]C、[<input name="email" disabled="disabled" /><input name="id" />]20、HTML 代码:<div></div>jQuery 代码: $("div").html("<p>Hello Again</p>"); 结果:（ B ）A、[<div></div>]B、[ <div><p>Hello Again</p></div> ]C、[<p>Hello Again</p>]D、[Hello Again]二、填空题（共30分，每空2分）21、HTML 代码:<p> This is just a test.</p> <p> So is this</p>jQuery 代码: $("p").eq(1) 结果:[ ___<p>So is this</p>______________]22、HTML 代码:<p>Hello</p><p id="selected">Hello Again</p>jQuery 代码: $("p").not( $("#selected")[0] ) 结果:[____<p>Hello</p>__________]23、HTML 代码:<p>Hello</p><p>Hello Again</p><div><span>And Again</span></div>jQuery 代码:$("p").next()____________ 结果:[ <p>Hello Again</p>,<div><span>And Again</span></div> ]24、HTML 代码:<form><input type="checkbox" /></form>jQuery 代码: $("input[ ____ ___='checkbox']").parent().is("form") 结果:__true__________25、HTML 代码:<p>Hello</p><p id="selected">Hello Again</p>jQuery 代码: $("__p____").not( $("____"#selected"______")[ __0______ ] ) 结果: [ <p>Hello</p> ]26、HTML 代码:<p>I would like to say: </p>jQuery 代码: $("__p___").append("___<b>Hello</b>__________"); 结果: [ <p>I would like to say: <b>Hello</b></p> ]27、HTML 代码:<img src="test.jpg"/>jQuery 代码: $("img").attr("title", function() { return this.src }); 结果: <img src="__test.jpg_____" title="_test.jpg______" />28、HTML 代码:<p>Hello</p><div><span>Hello Again</span></div><p>And Again</p>jQuery 代码: $("__p_______")._has(div)______ 结果: [ <div><span>Hello Again</span></div> ]29、HTML 代码:<p>Hello</p><div><span>Hello Again</span></div><p>And Again</p>jQuery 代码: $("div")._siblings()__________ 结果:[ <p>Hello</p>, <p>And Again</p> ]三、编程题（共30分，每题10分）30、HTML：<html><body><div id="show"></div><input type="butoon" id="ok" value="ok"/></body></html>要求：当单击ok按纽后，向test.jsp发送一个异步请求，请求参数为"name=zhangsan,sex=f,age=18",并且将test.jsp响应回来的数据显示在id为show的div中31、当单击id为ok的按纽，将所有段落的字体颜色设为红色并且背景为蓝色。