]

6、HTML 代码:

p class="myClass"

span

p class="notMyClass"

jQuery 代码: $("div,span,p.myClass") 结果:（ A ）

A、[

,

p class="myClass"

,

span ]

B、[

p class="myClass"

]

C、[

p class="notMyClass"

]

D、[

]

7、HTML 代码:

Name:

Newsletter:

jQuery 代码:$("form input") 结果:（ B ）

A、[]

B、[ , ]

C、[]

8、HTML 代码:

Name:

Newsletter:

jQuery 代码: $("form > input") 结果:（D ）

A、[ ]

B、[]

C、[]

D、[Newsletter:]

9、HTML 代码:

Name:

Newsletter:

jQuery 代码: $("label + input") 结果:（ C ）

A、[]

B、[]

C、[ , ]

D、[Newsletter:]

10、HTML 代码:

Name:

Newsletter:

jQuery 代码: $("form ~ input") 结果:（C ）

A、[]

B、[]

C、[ ]

D、[Newsletter:]

11、HTML 代码:

Header 1

Value 1

Value 2

jQuery 代码: $("tr:eq(1)") 结果:（ B ）

A、[ Value 1 ]

B、[Value 1]

C、[Value 2]

D、[Header 1]

12、HTML 代码:

Header 1

Value 1

Value 2

jQuery 代码:$("tr:first") 结果:（ D ）

A、[ Header 1 ]

B、[Value 1]

C、[Value 2]

D、[Header 1]

13、HTML 代码:

Header 1

Value 1

Value 2

jQuery 代码: $("tr:gt(0)") 结果:（ B ）

A、[Header 1]

B、[ Value 1, Value 2 ]

C、[Value 2]

D、[Value 2]

14、HTML 代码:

Header 1

Value 1

Value 2

jQuery 代码: $("tr:odd") 结果:（ A ）A、[ Value 1 ]

B、[Header 1]

C、[Value 1]

D、[Value 2]

15、HTML 代码:

Value 1
Value 2

jQuery 代码: $("td:empty") 结果:（D ）

A、[Value 1]

B、[ , ]

C、[Value 2]

D、[]

16、HTML 代码:

Value 1
Value 2

jQuery 代码: $("td:parent") 结果:（A ）

A、[Value 1]

B、[ , ]

C、[Value 2]

D、[ Value 1, Value 1 ]

17、HTML 代码:

Value 1

Value 2

jQuery 代码: $("tr:hidden") 结果:（一）

一、[ Value 1 ]

二、[Value 2]

三、[Value 1]

四、[Value 2]

18、HTML 代码:

jQuery 代码: $("input[name*='man']") 结果:（ A ）

A、[]

B、[]

C、[]

D、[ , ,

name="letterman2" /> ]

19、HTML 代码:

jQuery 代码: $("input:enabled") 结果:（ B ）

A、[]

B、[ ]

C、[]

20、HTML 代码:

jQuery 代码: $("div").html("

Hello Again

"); 结果:（ B ）

A、[

]

B、[

]

C、[

Hello Again

]

D、[Hello Again]

二、填空题（共30分，每空2分）21、HTML 代码:

This is just a test.

So is this

jQuery 代码: $("p").eq(1) 结果:[ ___

So is this

______________]

22、HTML 代码:

Hello

Hello Again

jQuery 代码: $("p").not( $("#selected")[0] ) 结果:[____

Hello

__________]

23、HTML 代码:

Hello

Hello Again

jQuery 代码:$("p").next()____________ 结果:[

Hello Again

,

]

24、HTML 代码:

jQuery 代码: $("input[ ____ ___='checkbox']").parent().is("form") 结

果:__true__________

25、HTML 代码:

Hello

Hello Again

jQuery 代码: $("__p____").not( $("____"#selected"______")[ __0______ ] ) 结果: [

Hello

]

26、HTML 代码:

I would like to say:

jQuery 代码: $("__p___").append("___Hello__________"); 结果: [

I would like to say: Hello

]

27、HTML 代码:

jQuery 代码: $("img").attr("title", function() { return this.src }); 结果:

28、HTML 代码:

Hello

And Again

jQuery 代码: $("__p_______")._has(div)______ 结果: [

]

29、HTML 代码:

Hello

And Again

jQuery 代码: $("div")._siblings()__________ 结果:[

Hello

,

And Again

]

三、编程题（共30分，每题10分）

30、HTML：

要求：当单击ok按纽后，向test.jsp发送一个异步请求，请求参数为"name=zhangsan,sex=f,age=18",并且将test.jsp响应回来的数据显示在id为show的div中

31、当单击id为ok的按纽，将所有段落的字体颜色设为红色并且背景为蓝色。

32、根据右图，补全java script代码，可忽略css代码

js和jquery获取父级元素、子级元素、兄弟元素的方法

原文地址：js和jquery获取父级元素、子级元素、兄弟元素的方法作者：草根gis 先说一下JS的获取方法，其要比JQUERY的方法麻烦很多，后面以JQUERY的方法作对比。 JS的方法会比JQUERY麻烦很多，主要则是因为FF浏览器，FF浏览器会把你的换行也当最DOM元素 原生的JS获取ID为test的元素下的子元素。可以用： var a = docuemnt.getElementById("test").getElementsByTagName_r("div"); 这样是没有问题的 此时a.length=2； 但是如果我们换另一种方法 var b =document.getElementByIdx_x("test").childNodes; 此时b.length 在IE浏览器中没问题，其依旧等于2，但是在FF浏览器中则会使4，是因为FF把换行也当做一个元素了。 所以，在此，我们就要做处理了，需遍历这些元素，把元素类型为空格而且是文本都删除。 functiondel_ff(elem){ varelem_child = elem.childNodes; for(vari=0; i< p=""> if(elem_child[i].nodeName == "#text" && !/s/.test(elem_child.nodeValue)) {elem.removeChild(elem_child)

} } } 上述函数遍历子元素，当元素里面有节点类型是文本并且文本类型节点的节点值是空的。就把他删除。 nodeNames可以得到一个节点的节点类型，/s/是非空字符在JS里的正则表达式。前面加！,则表示是空字符 test() 方法用于检测一个字符串是否匹配某个模式.语法是：RegExpObject.test(string) 如果字符串string 中含有与RegExpObject 匹配的文本，则返回true，否则返回false。 nodeValue表示得到这个节点里的值。 removeChild则是删除元素的子元素。 之后，在调用子，父，兄，这些属性之前，调用上面的函数把空格清理一下就可以了 下面介绍JQUERY的父，子，兄弟节点查找方法 jQuery.parent(expr) 找父亲节点，可以传入expr进行过滤，比如$("span").parent()或者$("span").parent(".class") jQuery.parents(expr),类似于jQuery.parents(expr),但是是查找所有祖先元素，不限于父元素

超完整JQUERY面试题及答案

一、Jquery测试题 下面哪种不是jquery的选择器？(单选) A、基本选择器 B、后代选择器 C、类选择器 D、进一步选择器 考点:jquery的选择器(C) 当DOM加载完成后要执行的函数，下面哪个是正确的？(单选) jQuery(expression,[context])B、jQuery(html,[ownerDocument])C、jQuery(callback)D、jQuery(elements) 考点：jquery的核心函数(C) 下面哪一个是用来追加到指定元素的末尾的？(单选) A、insertAfter() B、append() C、appendTo() D、after() 考点：jquery的核心函数(C) 下面哪一个不是jquery对象访问的方法？(单选) A、each(callback) B、size() C、index(subject) D、index() 考点：jquery的核心函数之对象访问（D） jquery访问对象中的size()方法的返回值和jQuery对象的_______属性一样. 考点：jquery的核心函数之对象访问（length） jquery中$(this).get(0)的写法和__________是等价的。 考点：jquery的核心函数之对象访问（$(this)[0]） 7.有这样一个表单元素 ，想要找到这个hidden元素，下面哪个是正确的？(单选) A、visible B、hidden C、visible() D、hidden() 考点：jquery的选择器（B） 如果需要匹配包含文本的元素，用下面哪种来实现？(单选) A、text() B、contains() C、input() D、attr(name) 考点：jquery的选择器（B） 现有一个表格，如果想要匹配所有行数为偶数的，用________实现，奇数的用_______实现。 考点：jquery的选择器（even,odd） 如果想要找到一个表格的指定行数的元素，用下面哪个方法可以快速找到指定元素？(单选) A、text() B、get() C、eq() D、contents（） 考点：jquery的选择器（C） 在一个表单里，想要找到指定元素的第一个元素用_________实现，那么第二个元素用_________实现。考点：jquery的选择器（first,eq(1)）

Jquery测试题教学教材

J q u e r y测试题

1、HTML 代码: one

three jQuery 代码: $("div > p"); 结果:（ A ） A、[ two ] B、[one ] C、[three ] D、[ ] 2、HTML 代码: SPAN P jQuery 代码: $("*") 结果:（ D ） A、[ ] B、[SPAN ] C、 [P ] D、[, SPAN, P ] 3、HTML 代码: span class="myClass" jQuery 代码: $(".myClass"); 结果:（ D ） A、[ ] B、[] C、[span class="myClass"] D、[, span class="myClass" ] 4、HTML 代码: SPAN jQuery 代码: $("div"); 结果:（ B ） A、[ ] B、[, ] C、[] 5、HTML 代码: jQuery 代码: $("#myDiv"); 结果:（ A ） A、[ ] B、[id="notMe" ] C、[] D、[] 6、HTML 代码:

p class="myClass" span

p class="notMyClass" jQuery 代码: $("div,span,p.myClass") 结果:（ A ） A、[

,

p class="myClass" , span ] B、[

p class="myClass" ] C、[

p class="notMyClass" ] D、[

] 7、HTML 代码:

Name:

Newsletter:

jQuery常用功能大全

jQuery常用功能大全 1、关于页面元素的引用 通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法，且返回的对象为jquery 对象（集合对象），不能直接调用dom定义的方法。 2、jQuery对象与dom对象的转换 只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的，调用方法时要注意操作的是dom对象还是jquery对象。 普通的dom对象一般可以通过$()转换成jquery对象。 如：$(document.getElementByIdx_x("msg"))则为jquery对象，可以使用jquery的方法。 由于jquery对象本身是一个集合。所以如果jquery对象要转换为dom对象则必须取出其中的某一项，一般可通过索引取出。 如：$("#msg")[0]，$("div").eq(1)[0]，$("div").get()[1]，$("td")[5]这些都是dom对象，可以使用dom中的方法，但不能再使用Jquery的方法。 以下几种写法都是正确的： $("#msg").html(); $("#msg")[0].innerHTML; $("#msg").eq(0)[0].innerHTML; $("#msg").get(0).innerHTML; 3、如何获取jQuery集合的某一项 对于获取的元素集合，获取其中的某一项（通过索引指定）可以使用eq或get(n)方法或者索引号获取，要注意，eq返回的是jquery 对象，而get(n)和索引返回的是dom元素对象。对于jquery对象只能使用jquery的方法，而dom对象只能使用dom的方法，如要获取第三个

元素的内容。有如下两种方法： $("div").eq(2).html(); //调用jquery对象的方法$("div").get(2).innerHTML; //调用dom的方法属性

2020年jQuery期末考试试题与答案附解析

2020年jQuery期末考试试题与答案单选题 1、 关于jQuery中show方法下列说法正确的是（） 1分 ?A、show方法如果不传入参数，则按照400ms的动画事件让元素显示出来 ?B、show方法可传入回调函数，回调函数在动画执行之前执行 ?C、show方法传入数值3作为参数，其默认为在3秒中完成动画 ?D、show方法的参数可以传入字符串来指定动画完成时间 参考答案: D 答案说明: show方法参数按照顺序，分别为"speed"、"easing"、"fn"，代表动画速度、切换效果、回调函数 2、 关于get方法的回调函数的执行时机，下列方法说法正确的是（） 1分 ?A、在请求发出的时候执行 ?B、在请求出错误的时候执行 ?C、在请求完成的时候执行 ?D、在请求成功的时候执行 参考答案:

D 答案说明: 暂无描述 3、 关于jQuery插件，下列说法错误的是（） 1分 ?A、jQuery插件在使用之前需要引入指定的插件文件和jQuery文件?B、jQuery插件能大大提高开发人员的开发效率 ?C、jQuery插件是在jQuery的基础上做功能和业务上的扩展?D、jQuery插件只需要引入插件文件，不需要引入jQuery文件参考答案: D 答案说明: jQuery插件在使用之前必须要首先引入jQuery文件 4、 jQuery所有版本下载地址（） 1分 ?A、https://www.doczj.com/doc/167279025.html, ?B、https://https://www.doczj.com/doc/167279025.html, ?C、https://https://www.doczj.com/doc/167279025.html, ?D、https://https://www.doczj.com/doc/167279025.html,

JavaScript Jquery考试题

JavaScript / Jquery /ajax 测试题 共40题，每题2.5分，满分100 1．以下哪个不是javascript语言的特点：（） A. 基于对象 B. 跨平台 C. 编译执行 D. 脚本语言 2.请看下列html代码：

hello 能使文本“hello”字体大小变成40px的jQuery代码是： A.$('div.s1').css('font-size','40px'); B.$( 'p.s1' ) .css ( 'font-size' , '40px' ); C.$('#s1').css('font-size','40px'); D.$('p#s1').css('font-size','40px'); 3. 下述html代码：给第二个

设置字体颜色正确的是：

• item1
• item2
• item3

A.$( 'ul li:eq( 2 )' ) .cssStyle( 'color' , 'red' ) B.$('ul li:eq( 1 )') .cssStyle( 'color' ,'red') C. $( 'ul li:eq( 2 )' ) .css ( 'color' , 'red' ) D $( 'ul li:eq( 1 )' ) .css ( 'color' , 'red' ) 4、请看下列html代码和jQuery代码片段：

1002

1003

jquery测试题以及答案

1.下面哪种说法是正确的？ 您的回答：jQuery是JavaScript库 2.jQuery使用CSS选择器来选取元素？ 您的回答：正确 3.jQuery的简写是？ 您的回答：$符号 4.通过jQuery，选择器$("div")选取什么元素？ 正确答案：所有div元素 5.jQuery是客户端脚本库，还是服务器端脚本库？ 您的回答：客户端脚本 6.可以将jQuery与AJAX一起使用吗？ 您的回答：Yes 7.jQuery html()方法适用于HTML和XML文档。 您的回答：错误 8.把所有p元素的背景色设置为红色的正确jQuery代码是？您的回答：$("p").css("background-color","red"); 9.通过jQuery，$("div.intro")能够选取的元素是？ 正确答案：class="intro"的所有div元素 10.下面哪个jQuery方法用于隐藏被选元素？ 您的回答：hide()

11.下面哪种jQuery方法用于设置被选元素的一个或多个样式属性？正确答案：css() 12.下面哪个jQuery方法用于执行异步HTTP请求？ 您的回答：jQuery.ajax() 13.将所有div元素的高度设置为100像素的正确jQuery代码是？您的回答：$("div").height(100) 14.下面哪句话是正确的？ 正确答案：如需使用jQuery，您能够引用Google的jQuery库 15.jQuery是通过哪种脚本语言编写的？ 您的回答：JavaScript 16.下面哪个jQuery函数用于在文档结束加载之前阻止代码运行？ 正确答案：$(document).ready() 17.哪个jQuery方法用于处理命名冲突？ 正确答案：noConflict() 18.哪个jQuery方法用于添加或删除被选元素的一个或多个类？ 正确答案：toggleClass() 19.$("div#intro .head")选择器选取哪些元素？ 正确答案：id="intro"的首个div元素中的class="head"的所有元素 20.jQuery是W3C标准吗？ 正确答案：No

jquery学习总结(超级详细)

window.onload $(document).ready() 执 行时机必须等待网页中所有的内容加载完毕后（包括 图片）才能执行 网页中所有DOM结构绘制完毕后就 执行，可能DOM元素关联的东西并 没有加载完 编写个数不能同时编写多个，以下代码无法正确执行： window.onload =function({alert("test1");}window.onload = function(){alert("test2");}结果只会输出 "test2" 能同时编写多个 简 化写法无 $(document).ready(function(){}); 可以简写成$(function(){}); 一、选择网页元素 jQuery的基本设计和主要用法，就是"选择某个网页元素，然后对其进行某种操作"。这是它区别于其他函数库的根本特点。 使用jQuery的第一步，往往就是将一个选择表达式，放进构造函数jQuery()（简写为$），然后得到被选中的元素。 选择表达式可以是CSS选择器： $(document)//选择整个文档对象 $('#myId')//选择ID为myId的网页元素 $('div.myClass')//选择class为myClass的div元素 $('input[name=first]')//选择name属性等于first的input元素 也可以是jQuery特有的表达式： $('a:first')//选择网页中第一个a元素 $('tr:odd')//选择表格的奇数行 $('#myForm :input')//选择表单中的input元素 $('div:visible') //选择可见的div元素 $('div:gt(2)')//选择所有的div元素，除了前三个 $('div:animated')//选择当前处于动画状态的div元素

jquery考试题(2020年九月整理).doc

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、

jquery

w3school 在线教程

• HTML 系列教程

• 实验二 JQUERY文档处理

  实验二jQuery文档处理 【实验目的】 1、掌握jQuery选择器的使用； 2、掌握jQuery遍历DOM元素的常用方法； 3、掌握jQuery文档处理的常用方法。 【实验准备】 1、复习教材相关内容； 2、预习本次实验； 【实验内容】 1、实现网页选项卡。其效果如图2-1～2-3所示。 图2-1图2-2图2-3 代码如下： tabcard.html