文档库 最新最全的文档下载
当前位置:文档库 › JQuery理论试卷

JQuery理论试卷

JQuery理论试卷
JQuery理论试卷

一、单项选择题(共10道题,每题2分,共20分)。

1下面哪种不是jquery的选择器?

A、基本选择器

B、后代选择器

C、类选择器

D、进一步选择器

2当DOM加载完成后要执行的函数,下面哪个是正确的?

jQuery(expression, [context]) B、jQuery(html, [ownerDocument]) C、jQuery(callback) D、jQuery(elements)

3下面哪一个是用来追加到指定元素的末尾的?

A、insertAfter()

B、append()

C、appendTo()

D、after()

4下面哪一个不是jquery对象访问的方法?

A、each(callback)

B、size()

C、index(subject)

D、index()

5.如果需要匹配包含文本的元素,用下面哪种来实现?

A、text()

B、contains()

C、input()

D、attr(name)

6.下面哪种不属于jquery的筛选?

A、过滤

B、自动

C、查找

D、串联

7.在jquery中,如果想要获取当前窗口的宽度值,下面哪个是实现该功能的?

A、width()

B、width(val)

C、width

D、innerWidth()

8.在一个表单中,如果想要给输入框添加一个输入验证,可以用下面的哪个事件实现?

A、hover(over ,out)

B、keypress(fn)

C、change()

D、change(fn)

9.在jquery中,想要给第一个指定的元素添加样式,下面哪一个是正确的?

A、first

B、eq(1)

C、css(name)

D、css(name,value)

10.在jquery中想要找到所有元素的同辈元素,下面哪一个是可以实现的?

A、eq(index)

B、find(expr)

C、siblings([expr])

D、next()

二、填空题(共6题,每空2分,共20分)。

1.jquery访问对象中的size()方法的返回值和jQuery对象的_______属性一样.

2.jquery中$(this).get(0)的写法和__________是等价的。

3.现有一个表格,如果想要匹配所有行数为偶数的,用________实现,奇数的用_______实现。

4.在一个表单里,想要找到指定元素的第一个元素用_________实现,那么第二个元素用_________实现。

5.在jquery中,用一个表达式来检查当前选择的元素集合,使用______来实现,如果这个表达式失效,则返回___________值。

6.在jquery中,想让一个元素隐藏,用________实现,显示隐藏的元素用_________实现。

三、作答题(共4题,共60分)。

1. jQuery的美元符号$有什么作用?

2.body中的onload()函数和jQuery中的document.ready()有什么区别?

3. jQuery中有哪几种类型的选择器?

4.使用jQuery将页面上的所有元素边框设置为2px宽的虚线?

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

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

p class="myClass" span

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

div
,

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

p class="myClass" ] C、[

p class="notMyClass" ] D、[

div
] 7、HTML 代码:

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的方法属性

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的选择器。(D) A:基本选择器B:层次选择器 C:表单选择器D:节点选择器 2、使用jquery检查元素在网页上是否存在。(B) A:if($("#id")) { //do someing... } B: if($("#id").length > 0) { //do someing... } C: if($("#id").length() > 0) { //do someing... } D: if($("#id").size > 0) { //do someing... } 3、新闻,获取元素title的属性值。(C) A:$("a").attr("title").val(); B:$("#a").attr("title"); C:$("a").attr("title"); D:$("a").attr("title").value; 4、执行下面语句 $(document).ready(function(){ $("#click").click(function(){ alert("click one time"); }); $("#click").click(function(){ alert("click two time"); });

    }); 单击按钮,这个会有什么效果。(C) A:弹出一次对话框,显示click one time 。 B:弹出一次对话框,显示click two time 。 C:弹出两次对话框,依次显示click one time,click two time。D:js编译错误。 5、页面中有三个元素,如下:

    span标签p标签 ,如果这三个标签要触发同一个事件,那么正确的写法是(A)。 A:$("div,span,p").click(function(){ //…}); B:$("div || span || p").click(function(){ //…}); C:$("div + span + p").click(function(){ //…}); D:$("div ~ span ~ p").click(function(){ //…}); 6、页面中有一个select标签,代码如下: ,要使“选项四”选中的正确写法。(B)

    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

    jQuery 教程