jQuery面试题

   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>