好程序员web 前端教程分享 Jquery 常见面试题。小编为大家准备了前端面试题系列，通过 Web 知识的整理以及经验的总结，希望能帮到更多的前端面试者。

　　1 、 jQuery 库中的 $() 是什么 ?

　　$() 函数是 jQuery() 函数的别称。 $() 函数用于将任何对象包裹成 jQuery 对象，接着你就被允许调用定义在 jQuery 对象上的多个不同方法。你可以将一个选择器字符串传入 $() 函数，它会返回一个包含所有匹配的 DOM 元素数组的 jQuery 对象。

　　2 、如何找到所有 HTMLselect 标签的选中项 ?

　　$('[name=selectname]:selected')

　　3 、 $(this) 和 this 关键字在 jQuery 中有何不同 ?

　　$(this) 返回一个 jQuery 对象，你可以对它调用多个 jQuery 方法，比如用 text() 获取文本，用 val() 获取值等等。

　　而this 代表当前元素，它是 JavaScript 关键词中的一个，表示上下文中的当前 DOM 元素。你不能对它调用 jQuery 方法，直到它被 $() 函数包裹，例如 $(this) 。

　　4 、 jquery 怎么移除标签 onclick 属性 ?

　　获得a 标签的 onclick 属性 :$("a").attr("onclick")

　　删除onclick 属性： $("a").removeAttr("onclick")

　　设置onclick 属性： $("a").attr("onclick","test();")

　　5 、 jquery 中 addClass 、 removeClass 、 toggleClass 的使用。

　　$(selector).addClass(class) ：为每个匹配的元素添加指定的类名

　　$(selector).removeClass(class) ：从所有匹配的元素中删除全部或者指定的类，删除 class 中某个值 ;

　　$(selector).toggleClass(class) ：如果存在 ( 不存在 ) 就删除 ( 添加 ) 一个类

　　$(selector).removeAttr(class); 删除 class 这个属性 ;

　　6 、 JQuery 有几种选择器 ?

　　(1) 、基本选择器： #id ， class,element,*;

　　(2) 、层次选择器： parent>child ， prev+next ， prev~siblings

　　(3) 、基本过滤器选择器： :first ， :last ， :not ， :even ， :odd ， :eq ， :gt ， :lt

　　(4) 、内容过滤器选择器： :contains ， :empty ， :has ， :parent

　　(5) 、可见性过滤器选择器： :hidden ， :visible

　　(6) 、属性过滤器选择器： [attribute] ， [attribute=value] ， [attribute!=value] ， [attribute^=value] ， [attribute$=value] ， [attribute*=value]

　　(7) 、子元素过滤器选择器： :nth-child ， :first-child ， :last-child ， :only-child

　　(8) 、表单选择器： :input ， :text ， :password ， :radio ， :checkbox ， :submit 等 ;

　　(9) 、表单过滤器选择器： :enabled ， :disabled ， :checked ， :selected

　　7 、 jQuery 中的 Delegate() 函数有什么作用 ?

　　delegate() 会在以下两个情况下使用到：

　　1) 、如果你有一个父元素，需要给其下的子元素添加事件，这时你可以使用 delegate() 了，代码如下：

　　$("ul").delegate("li","click",function(){$(this).hide();});

　　2) 、当元素在当前页面中不可用时，可以使用 delegate()

　　8 、 $(document).ready() 方法和 window.onload 有什么区别 ?

　　(1) 、 window.onload 方法是在网页中所有的元素 ( 包括元素的所有关联文件 ) 完全加载到浏览器后才执行的。

　　(2) 、 $(document).ready() 方法可以在 DOM 载入就绪时就对其进行操纵，并调用执行绑定的函数。

　　9 、如何用 jQuery 禁用浏览器的前进后退按钮 ?

　　实现代码如下：

　　<scripttype="text/javascript"language="javascript">

　　$(document).ready(function(){

　　window.history.forward(1);

　　//ORwindow.history.forward(-1);

　　});

　　</script>

　　10 、 jquery 中 $.get() 提交和 $.post() 提交有区别吗 ?

　　相同点：都是异步请求的方式来获取服务端的数据;

　　异同点：

　　1 、请求方式不同： $.get() 方法使用 GET 方法来进行异步请求的。 $.post() 方法使用 POST 方法来进行异步请求的。

　　2 、参数传递方式不同： get 请求会将参数跟在 URL 后进行传递，而 POST 请求则是作为 HTTP 消息的实体内容发送给 Web 服务器的，这种传递是对用户不可见的。

　　3 、数据传输大小不同： get 方式传输的数据大小不能超过 2KB 而 POST 要大的多

　　4 、安全问题： GET 方式请求的数据会被浏览器缓存起来，因此有安全问题。

　　11 、写出一个简单的 $.ajax() 的请求方式 ?

　　$.ajax({

　　url:'http://www.baidu.com',

　　type:'POST',

　　data:data,

　　cache:true,

　　headers:{},

　　beforeSend ： function(){},

　　success:function(){},

　　error:function(){},

　　complete:function(){}

　　});

　　ja