Jquery测试题
一、Jquery测试题
1下面哪种不是jquery的选择器?(C)
A、 基本选择器 B、后代选择器 C、类选择器 D、进一步选择器
2当DOM加载完成后要执行的函数,下面哪个是正确的?(C)
jQuery(expression, [context]) B、jQuery(html, [ownerDocument]) C、jQuery(callback) D、jQuery(elements)
3下面哪一个是用来追加到指定元素的末尾的?(C)
A、insertAfter() B、append() C、appendTo() D、after()
4下面哪一个不是jquery对象访问的方法?(D)
A、each(callback) B、size() C、index(subject) D、index()
5.jquery访问对象中的size()方法的返回值和jQuery对象的___length____属性一样.
6.jquery中$(this).get(0)的写法和_____$(this)[0]_____是等价的。
7. 有这样一个表单元素,想要找到这个hidden元素,下面哪个是正确的?(B)
A、visible B、hidden C、visible() D、hidden()
8.如果需要匹配包含文本的元素,用下面哪种来实现?(B)
A、text() B、contains() C、input() D、attr(name)
9.现有一个表格,如果想要匹配所有行数为偶数的,用____even____实现,奇数的用____odd___实现。
10.如果想要找到一个表格的指定行数的元素,用下面哪个方法可以快速找到指定元素?(C)
A、text() B、get() C、eq() D、contents()
11.在一个表单里,想要找到指定元素的第一个元素用_____first____实现,那么第二个元素用____eq(1)_____实现。
12.下面哪种不属于jquery的筛选?(B)
A、过滤 B、自动 C、查找 D、串联
13.下面哪几种是属于jquery文档处理的? (ABD)
A、包裹 B、替换 C、删除 D、内部和外部插入
14.如果想在一个指定的元素后添加内容,下面哪个是实现该功能的?(D)
A、append(content) B、appendTo(content)C、insertAfter(content) D、after(content)
15.在jquery中,用一个表达式来检查当前选择的元素集合,使用___is(expr)___来实现,如果这个表达式失效,则返回_____false______值。
16.在jquey中,如果想要从DOM中删除所有匹配的元素,下面哪一个是正确的?(C)
A、delete() B、empty() C、remove() D、removeAll()
17.在jquery中,想要给第一个指定的元素添加样式,下面哪一个是正确的?(C)
A、first B、eq(1) C、css(name) D、css(name,value)
18.在编写页面的时候,如果想要获取指定元素在当前窗口的相对偏移,用____offset_____来实现,该方法的返回值有两个属性,分别是____top____和_____left_____。
19.在jquery中,如果想要获取当前窗口的宽度值,下面哪个是实现该功能的? (A)
A、width() B、width(val) C、width D、innerWidth()
20.在一个表单中,如果将所有的div元素都设置为绿色,实现功能是_____________$(“div”).css(“color”,”green”)_______________。
21.为每一个指定元素的指定事件(像click)绑定一个事件处理器函数,下面哪个是用来实现该功能的? (B)
A、trigger (type) B、bind(type) C、one(type) D、bind
22.在jquery中,鼠标移动到一个指定的元素上,会触发指定的一个方法,实现该操作的是______hover(over,out)________。
23.下面哪几个不是属于jquery的事件处理? (BC)
A、bind(type) B、click() C、change() D、one(type)
24.在一个表单中,如果想要给输入框添加一个输入验证,可以用下面的哪个事件实现? (D)
A、hover(over ,out) B、keypress(fn) C、change() D、change(fn)
25.当一个文本框中的内容被选中时,想要执行指定的方法时,可以使用下面哪个事件来实现?(C)
A、click(fn) B、change(fn) C、select(fn) D、bind(fn)
26.在jquery中,想让一个元素隐藏,用____ hide()____实现,显示隐藏的元素用____ show()_____实现。考点:jquery的页面效果 (hide(),show())
27.在一个表单中,用600毫秒缓慢的将段落滑上,用____________$(“p”).slideUp(“slow”)______________________来实现。
28.在jquery中,如果想要自定义一个动画,用__________animate(params,options)_________________函数来实现。考点:jquery的页面效果 (animate(params, options))
29.在jquery中想要实现通过远程http get请求载入信息功能的是下面的哪一下事件? (C)
A、$.ajax() B、load(url) C、$.get(url) D、$.getScript(url)
30.下面不属于ajax事件的是? (C)
A、ajaxComplete(callback) B、ajaxSuccess(callback) C、$.post(url) D、ajaxSend(callback)考点:jquery的ajax ()
31.彻底将jQuery变量还原,可以使用_________$.noConflict(extreme)__________方法实现。
32.在一个表单中,查找所有选中的input元素,可以用jquery中的_________:not()___________来实现。
33.下面哪几种是jquery中表单的对象属性?(ABDF)
A、:checked B、: enabled C、:hidden D、:selected E、:file F、: disabled
34.在jquery中如果将一个“名/值”形式的对象设置为所有指定元素的属性,可以用_________attr(pro)_______实现。
35.在jquery中指定一个类,如果存在就执行删除功能,如果不存在就执行添加功能,下面哪一个是可以直接完成该功能的?(C)
A、removeClass() B、deleteClass() C、toggleClass(class) D、addClass()
36.在jquery中想要找到所有元素的同辈元素,下面哪一个是可以实现的?(C)
A、eq(index) B、find(expr) C、siblings([expr]) D、next()
二、简答题:
1、jQuery的美元符号$有什么作用?
其实美元符号$只是”jQuery”的别名,它是jQuery的选择器
$(document).ready(function(){
})
jQuery中就是通过这个美元符号来实现各种灵活的DOM元素选择的,例如$(“#main”)即选中id为main的元素。
2、body中的onload()函数和jQuery中的document.ready()有什么区别?
onload()和document.ready()的区别有以下两点:
1、我们可以在页面中使用多个document.ready(),但只能使用一次onload()。
2、document.ready()函数在页面DOM元素加载完以后就会被调用,而onload()函数则要在所有的关联资源(包括图像、音频)加载完毕后才会调用。
3、jQuery中有哪几种类型的选择器?
1、基本选择器:直接根据id、css类名、元素名返回匹配的dom元素。
2、层次选择器:也叫做路径选择器,可以根据路径层次来选择相应的DOM元素。
3、过滤选择器:在前面的基础上过滤相关条件,得到匹配的dom元素。
4、请使用jQuery将页面上的所有元素边框设置为2px宽的虚线?
这正是jQuery选择器上场的时候了,代码如下:
<scriptlanguage="javascript" type="text/javascript">
$("*").css("border","2px dotted red");
</script>
5、当CDN上的jQuery文件不可用时,该怎么办?
为了节省带宽和脚本引用的稳定性,我们会使用CDN上的jQuery文件,例如google的jquerycdn服务。但是如果这些CDN上的jQuery服务不可用,我们还可以通过以下代码来切换到本地服务器的jQuery版本:
<scripttype="text/javascript" language="Javascript"src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.4.1.min.js "></script>
<scripttype='text/javascript'>//<![CDATA[
if (typeof jQuery =='undefined') {
document.write(unescape("%3Cscriptsrc='/Script/jquery-1.4.1.min.js' type='text/javascript'%3E%3C/script%3E"));
}//]]>
</script>
6、如何使用jQuery实现点击按钮弹出一个对话框?
代码如下:
HTML:
<inputid="inputField" type="text" size="12"/>
jQuery:
<scripttype="text/javascript"> $(document).ready(function () {$('#Button1').click(function () {alert($('#inputField').attr("value")); }); }); </script>
7、jQuery中的Delegate()函数有什么作用?
delegate()会在以下两个情况下使用到:
1、如果你有一个父元素,需要给其下的子元素添加事件,这时你可以使用delegate()了,代码如下:
$("ul").delegate("li","click", function(){
$(this).hide();
});
8、如何用jQuery禁用浏览器的前进后退按钮?
实现代码如下:
<scripttype="text/javascript" language="javascript">
$(document).ready(function(){
window.history.forward(1);
//OR
window.history.forward(-1);
});
</script>