《2022年完整word版,jquery考试题 .pdf》由会员分享,可在线阅读,更多相关《2022年完整word版,jquery考试题 .pdf(14页珍藏版)》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、1.下面哪种不是 jquery的选择器? (D) A、基本选择器B、后代选择器C、类选择器D、进一步选择器2.当 DOM 加载完成后要执行的函数,下面哪个是正确的?(C) A.jQuery(expression, context) B、jQuery(html, ownerDocument) C、jQuery(callback) D、jQuery(elements) 3.下面哪一个是用来追加到指定元素的末尾的?() A、insertAfter() B、append() C 、appendTo() D 、after() 4.下面哪一个不是 jquery对象访问的方法? (D) A、each(cal
2、lback) B、size() C 、index(subject) D、index() 5.有这样一个表单元素,想要找到这个hidden元素,下面哪个是正确的? (B) A、visible B 、hidden C 、visible() D 、hidden() 6.如果需要匹配包含文本的元素,用下面哪种来实现?(B) A、text() B 、contains() C 、input() D 、attr(name) 7.如果想要找到一个表格的指定行数的元素,用下面哪个方法可以快速找到指定元素? (C) A、text() B 、get() C 、eq() D 、contents ()8.下面哪种不属于
3、 jquery的筛选?( B)A、过滤B、自动 C、查找 D、串联9.如果想在一个指定的元素后添加内容,下面哪个是实现该功能的?(D)A、append(content) B、appendTo(content) C、名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 1 页,共 14 页 - - - - - - - - - insertAfter(content) D、after(content) 10.在 jquey 中,如果想要从 DOM 中删除所有匹配的元素,下面哪一个是正确的?(
4、C)A、delete() B 、empty() C 、remove() D 、removeAll() 11.在 jquery中,想要给第一个指定的元素添加样式,下面哪一个是正确的?( C)A、first B 、eq(1) C 、css(name) 12.在 jquery中,如果想要获取当前窗口的宽度值,下面哪个是实现该功能的?(A)A、width() B 、width(val) C、width D 、innerWidth() 13.为每一个指定元素的指定事件(像click )绑定一个事件处理器函数,下面哪个是用来实现该功能的?(B)Bind one unbind trigger A、trigg
5、er (type) B、bind(type) C、one(type) 14.在一个表单中,如果想要给输入框添加一个输入验证,可以用下面的哪个事件实现?(D) A、 hover(over ,out) B、 keypress(fn ) C、 change() D 、 change(fn) 15.当一个文本框中的内容被选中时,想要执行指定的方法时,可以使用下面哪个事件来实现?(C)A、click(fn) B 、change(fn) C 、select(fn) D 、bind(fn) 16.在 jquery中想要实现通过远程http get 请求载入信息功能的是下面的哪一下事件?(C) 名师资料总结
6、- - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 2 页,共 14 页 - - - - - - - - - A、$.ajax() B 、load(url) C 、$.get(url) D、$. getScript(url) 17.下面不属于 ajax 事件的是?(C) A、 ajaxComplete(callback) B、 ajaxSuccess(callback) C、 $.post(url) D、ajaxSend(callback) 18.使用 jquery检查 元素在网页上是否存在。 (B)
7、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. 19. 新闻 , 获取 元素 title 的属性值。(C)A:$(a).attr(title).val(); B:$(#a).attr(title); C:$(a).attr(title); D:$(a).attr(title).value; 执行下面语句$(document).ready(function() $(#click).
8、click(function() alert(click one time); ); $(#click).click(function() alert(click two time); ); 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 3 页,共 14 页 - - - - - - - - - ); 20. 单击按钮 ,这个会有什么效果。(C)A:弹出一次对话框,显示click one time 。B:弹出一次对话框,显示click two time 。C:弹出两次对话框,依次显示
9、click one time,click two time。D:js 编译错误。21.页面中有三个元素,如下:div标签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() / ); 22.页面中有一个 select 标签,代码如下: 请选择 选项一 选项二
10、选项三 选项四 ,要使“选项四”选中的正确写法。 (AB)名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 4 页,共 14 页 - - - - - - - - - A:$(#sel).val(选项四 ); B:$(#sel).val(4); C:$(#sel option:eq(4).checked; D:$(#sel option:eq(4).attr(selected); 23.页面中有一个性别单选按钮,请设置”男”为选中状态。代码如下: 男 女正确的是( D)A:$(sex0)
11、.attr(checked,true); B:$(#sex0).attr(checked,true); C:$(name=sex:radio).attr(checked,true); D:$(:radioname=sex:eq(0).attr(checked,true); 24、在页面中有一个ul 元素,代码如下: 苹果 橘子 菠萝 ,下面对节点的操作哪一个说法不正确。 (D)A:var $li = $( 香蕉); 是创建节点。B: $(ul).after($( 香蕉); 是给 ul 追加节点。C:$(ul li:eq(1).remove();是删除 ul 下“橘子“那个节点。名师资料总结 -
12、 - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 5 页,共 14 页 - - - - - - - - - D:以上说法都不对25、页面有一个 元素,动态设置该元素的值。正确的选项是。(A)A:$(#name).val(动态设值 ); B:$(#name).text(动态设值 ); C:$(#name).html(动态设值 ); =innerHTML D:$(#name).value(动态设值 ); 26、下面说法不正确的是(A)A:$(:hidden)选取的 type 类型是 hidden的不可见元
13、素。B:$(div span)选取 元素下元素名是 的子元素。C:$(div :first)选取所有 元素中第一个 元素。D:$(input:gt(1)选取索引值大于1 的元素。27、下面说法不正确的是(D)A :$(input:checked)选取所有被选中的 元素B :$(#form:disabled)选取 id 为 form 的表单内的所有不可用元素C :$(#name).is(:visible)是判断 id 为 name 的元素的可见性D :$(div ).addClass(background,url(img/up.gif) ) 是设置样式的28、在 jquery中想要找到所有元素的
14、同辈元素,下面哪一个是可以名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 6 页,共 14 页 - - - - - - - - - 实现的(B)A:nextAll(expr) B:siblings(expr) C:next() D:find(expr) 29、下面选项中哪一个是和$(#foo) 等价的写法。(D)A:$(foo#) B:$(#foo) C:$ (foo) D:jQuery(#foo) 30、在 jquery中指定一个类,如果存在就执行删除功能,如果不存在就执行添加功能
15、,下面哪一个是可以直接完成该功能的?(C) A、removeClass() B、deleteClass() C、toggleClass(class) D、addClass() 31、在 jquery中想要找到所有元素的同辈元素,下面哪一个是可以实现的?( C)A、eq(index) B 、find(expr) C 、siblings(expr) D、next() 多选:1、获取 内容 标签里的文本内容。(BC )A: $(#content).val(); B: $(#content).html(); C: $(#content).text(); D: $(#content).innerHTML
16、(); 2、案例代码如下 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 7 页,共 14 页 - - - - - - - - - 用户名: 密码: 请用 jquery 选择器选取 username 文本框输入值的内容: ( ABCD )A: $(#username).val(); B: $(input)0.value; C: $(inputname=username).val(); D: $(:inputname=username).val(); 4、案例代码如下: 大字体 小字体
17、 请选取文本是 大字体 的 div 对象。 ( ACD )A:$(div.big); B:$(div .big); C:$(div:contains(大字体 ); D:$(form div.big); 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 8 页,共 14 页 - - - - - - - - - 5、下面哪几种是 jquery中表单的对象属性?(ABDF)A、:checked B 、: enabled C 、:hidden D 、:selected E 、:file F 、
18、: disabled 6、下面哪几个不是属于jquery的事件处理 ? (BC) A、bind(type) B、click() C 、change() D 、one(type) 填空:1、假设页面有 I would like to say: 一个元素,当执行$(p).append(Hello);时 , 页 面 代码 会 动 态 加 载 为I would like to say: Hello 。 当 执 行$(p).affter(Hello);时, 页面代码会动态加载为I would like to say: Hello 。2、请写出页面元素的动态显示和隐藏操作代码。假设页面有查看按钮,要控制查
19、看按钮的可见性: ,设置按钮不可见:$(#query).hide(); 或者 $(#query).css(display,none); 设置按钮可见:$(#query).show();或者$(#query).css(display,block);3、执行下面代码:$(document).ready(function() var array =墨家,墨子; var str = ; 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 9 页,共 14 页 - - - - - - - - -
20、$.each( array, function(parm1,parm2) str += parm1: + parm1 + , + parm2: + parm2 + ,; ); str = str.substring(0, str.length - 1) + ; alert(str); ); 请写出打印结果 parm1:0,parm2: 墨家,parm1:1,parm2: 墨子 4.现有一个表格,如果想要匹配所有行数为偶数的,用_odd_实现,奇数的用 _even_ 实现。5、执行下面代码:$(document).ready(function() var result = $.extend(,n
21、ame:Tom,age:21,sex:boy,age: 27, email:); alert(result); ); 写出 result 结构name:Tom,age:27,sex:boy,email:6、jquery访问对象中的size() 方法的返回值和jQuery对象的_.length_属性一样 . 7、jquery中$(this).get(0)的写法和 _$(this)0_是等价的。8、在一个表单里,想要找到指定元素的第一个元素用_first_实名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - -
22、 - - - 第 10 页,共 14 页 - - - - - - - - - 现,那么第二个元素用 _eq(0)_ 实现。9、在 jquery中,用一个表达式来检查当前选择的元素集合,使用_is()_ 来实现,如果这个表达式失效,则返回_false_ 值。10、在编写页面的时候,如果想要获取指定元素在当前窗口的相对偏移,用_offset_来实现,该方法的返回值有两个属性,分别是_offset.top_和_offset.left_。11、在一个表单中, 如果将所有的 div 元素都设置为绿色, 实现功能是_$(div).css(color,green);_ .addClass(样式);_。12、
23、在 jquery中,鼠标移动到一个指定的元素上,会触发指定的一个方法,实现该操作的是_$(p).hover(fun1,fun2)_ 。13、在 jquery中,想让一个元素隐藏, 用_hide()_ 实现,显示隐藏的元素用 _show()_实现。14、在一个表单中,用600毫秒缓慢的将段落滑上,$( 元素).slideUp(slow)_来实现。15、在jquery中 , 如 果 想 要 自 定 义 一 个 动 画 , 用_animate(params,options_函数来实现 . 16、用 jquery 来实现动态添加和删除表格行,在一个表单中, 查找所有选中的 input元素,可以用 jq
24、uery中的_.not()_ 来实现。并写出实例代码:名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 11 页,共 14 页 - - - - - - - - - 17、用 jQuery实现效果如下:有用户名、密码框、清空按钮。a.当用户获取文本框焦点时,如果文本框为默认值则清空,b.失去焦点时,如果文本框为空值,则还原为默认值。c.点击清空按钮后,将文本框为全部置为默认值。18、写出 jQuery 选择器的分类,及每类选择器下常用选择器用法19、jQuery中 get 与 post
25、方式传送数据有何不同?写出实例结果与分析。$.get(jquery_data.php?v1=1, v2: 2, function(data) $().append(data).appendTo(body); ); 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 12 页,共 14 页 - - - - - - - - - ); GET 方式发送结果:V1, V2 $.post(jquery_data.php?v1=1, v2: 2, function(data) $().append(
26、data).appendTo(body); ); ); POST 方式发送结果:POST:V2 GET:V1 20、简述 jQuery中 ajax 传送数据常用参数,并写出小实例并加注释阐明。$.ajax( Url:数据要处理页面 , Type:传送方式名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 13 页,共 14 页 - - - - - - - - - ) 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 14 页,共 14 页 - - - - - - - - -