好程序员web前端教程分享Jquery常见面试题

　好程序员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(){}

　});

新闻标题：好程序员web前端教程分享Jquery常见面试题
网页链接：https://www.cdcxhl.com/article42/iidghc.html

成都网站建设公司_创新互联，为您提供全网营销推广、静态网站、网站改版、网站营销、微信小程序、商城网站

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容