好的程序员Web前端教程分享Jquery面试常见问题。小编为大家准备了一系列的前端面试题。通过对Web知识的整理和经验的总结,希望能帮助到更多的前端面试者。 1。jQuery库中的$()是什么? $()函数是jQuery()函数的另一个名称。$()函数用于将任何对象包装到jQuery对象中,然后您可以调用定义在jQuery对象上的几种不同方法。您可以将选择器字符串传递给$()函数,它将返回一个包含所有匹配DOM元素的数组的jQuery对象。 2。如何找到所有HTMLselect标签的选中项? $('[name=selectname]:selected') 3.jQuery中的$(this)和this关键字有什么区别获取值,等等。 而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):从所有匹配的元素中移除全部或指定的类,删除一个值在班级; $(selector).toggleClass(class):如果存在(不存在),删除(添加)一个类 $(selector).removeAttr(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),child元素过滤器选择器::nth-child,:first-child,:last-child,:only-child (8),表单选择器::input,:text,:password,:radio,:checkbox,:submit,ETC。; (9),表单过滤器选择器::enabled,:disabled,:checked,:selected 7.jQuery中Delegate()函数的作用是什么? delegate()会在以下两种情况下使用: 1)。如果你有一个父元素,你需要给它下面的子元素添加事件,那么你可以使用delegate(),代码如下: $("ul").delegate("li","点击",function(){$(this).hide();}); 2).当该元素在当前页面不可用时,可以使用delegate() 8。$(document).ready()方法和window.onload有什么区别? (1)。window.onload方法在网页中的所有元素(包括元素的所有关联文件)全部加载到浏览器后执行。 (2)、$(document).ready()方法可以在DOM准备加载时操作DOM,调用绑定函数。 9.如何使用jQuery禁用浏览器的前进和后退按钮? 实现代码如下: 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:数据, cache:true, headers:{}, beforeSend:function(){}, success:function(){}, error:function(){}, complete:function(){} }); ja
