jQuery经典面试题及答案

jQuery是当下一款非常流行的Javascript框架，想从事Web前端开发这个岗位，那么jQuery是得必须掌握并且能够熟练应用的一门技术。本人对前端比较感兴趣，于是整理了一些关于jQuery的经典面试题及答案，分享给正要面试Web开发岗位和以后想从事这方面的同学们，一起学习。

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

答：美元符号$只是”jQuery”的别名，它是jQuery的选择器，如下代码：

$(document).ready(function(){});

也可以用jQuery来代替$，如下代码：

jQuery(document).ready(function(){});

jQuery中就是通过这个美元符号来实现各种灵活的DOM元素选择的，例如$(“#top”)即选中id为top的元素。

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、表单选择器：匹配所有的input,textarea,select,button元素等

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

答：代码如下：

<script type="text/javascript">

$("*").css("border", "2px dotted #666");

</script>

5. 怎样用jQuery编码和解码URL？

回答：在jQuery中，我们可以使用以下方法实现URL的编码和解码。

encodeURIComponent(url) and decodeURIComponent(url)

6. 如何用jQuery禁用浏览器的前进后退按钮？

回答：实现代码如下：

<script type="text/javascript" language="javascript">

$(document).ready(function() {
window.history.forward(1);
window.history.forward(-1);
});

</script>