行业云

jQuery面试的前45个问题和答案

所有的好东西都是小包装的,jQuery也是。它是一个用于web开发的小型JavaScript库,提供了一个有趣的web体验。jQuery是最流行的JavaScript库之一,jQuery面试问题将为您提供深入的知识,并帮助您准备面试。

jQuery面试问题

Q1。提到JavaScript和jQuery之间的区别。”

“JavaScript”

jQuery

这是一种弱类型的动态编程语言

jQuery是一个简洁快速的JavaScript库

这是一种解释语言

它使用JavaScript资源使任务更简单和容易

您需要编写自己的脚本,它可以是一个耗时的过程

您只需编写现有的JQuery脚本,这样就节省了时间

不需要添加任何附加插件,因为所有浏览器都支持JavaScript

您可能需要在

页的页眉中包含JQuery库URL太多的代码行

更少的代码

Q2。什么是jQuery?”jQuery是John Resig在2006年创建的一个高效快速的JavaScript库。jQuery的座右铭是:少写,多做。它旨在简化HTML的客户端脚本。jQuery的主要目的是提供一种在您的网站上使用JavaScript的简单方法,使其更具交互性和吸引力。

What is jQuery - jQuery interview questions - edureka

它使诸如HTML文档遍历和操作、事件处理、动画,而且Ajax更简单,它有一个易于使用的API,可以跨多种浏览器工作。

Q3。jQuery有哪些特性?”

jQuery的一些关键特性是:

DOM操作-jQuery通过使用跨浏览器开源选择器引擎使DOM元素的选择变得容易,遍历它们并修改它们的内容。

事件处理-用户点击链接,无需将HTML代码本身与事件处理程序混淆。

AJAX支持-jQuery帮助您使用AJAX技术开发响应性强、功能丰富的网站。

动画-此框架具有大量内置动画效果,您可以在网站中使用。

轻量级-是一个非常轻量级的库,大小约为19KB。

跨浏览器支持-jQuery具有跨浏览器支持,在IE 6.0 、Safari 3.0 、Chrome和Opera 9.0

Q4中运行良好。提到jQuery的一些优点。”

“使用jQuery有很多优点。其中一些包括:

它类似于JavaScript的增强版本,因此在学习新语法时没有开销。

jQuery有能力保持代码简单、可读、清晰和可重用。

它有跨浏览器支持。

这将消除编写复杂循环和DOM的要求脚本库调用。

jQuery有助于事件检测和处理。

它为各种需要提供大量插件。

Q5。jQuery中的选择器是什么?”jQuery选择器是一个函数,它使用表达式根据给定的条件从DOM中查找匹配的元素。在简单的语言中,选择器用于使用jQuery选择一个或多个HTML元素。一旦选择了一个元素,我们就可以对所选的元素执行各种操作。

在DOM中选择一个元素是在$()构造的帮助下完成的,构造的字符串参数包含任何CSS选择器表达式。$()将返回零个或多个可以应用任何效果或样式的DOM元素。

Q6。有哪些不同类型的选择器?”

“jQuery中使用的选择器有三种主要类型:

选择器

jQuery语法

描述

标记名

$('div')

文档中的所有div标记

ID

$(''TextId')

选择ID为TextId的元素。

$('.myclass')

选择类为myclass的所有元素。

Q7。是什么没有冲突?"jQuery no conflict是jQuery提供的一个选项,用于克服不同javascript框架或库之间的冲突。使用jQuery no conflict模式时,将$替换为新变量,并将jQuery分配给其他一些JavaScript库。此外,$还用作jQuery具有的函数或变量名。

Q8。区分jQuery中的.empty()与.remove()与.detach()。”

“•.empty()–此方法用于从匹配元素中移除所有子元素。

语法-

$(选择器).empty();

•.remove()–此方法用于删除所有匹配的元素。它将删除与匹配元素相关联的所有jQuery数据。

语法-

•.detach()–此方法与.remove()方法相同,只是.detach()方法不删除与匹配元素关联的jQuery数据。

语法-

$(选择器).detach();

Q9。在jQuery中使用什么方法来提供效果?”jQuery提供了惊人的效果,您可以通过简单的配置快速应用它们。效果可以是隐藏、显示、切换、淡出、淡入、淡出等等。其他一些提供效果的方法包括:

animate(params,[duration,easing,callback])此函数为HTML元素制作自定义动画。

fadeIn(speed,[回调])此函数通过调整匹配元素的不透明度并在完成后触发可选回调来淡入所有匹配元素。

淡出(速度,[回调])。此函数用于通过将匹配元素的不透明度调整为0淡出所有匹配元素,然后将显示设置为“无”,并在完成后触发可选回调。

fade to(speed,opacity,callback)此函数将所有匹配元素的不透明度衰减为指定的不透明度,并在完成后触发可选回调。

stop([clearQueue,gotoEnd])此函数停止当前运行的所有动画。

Q10。jQuery中有哪些Ajax函数?”

“Ajax允许用户与服务器交换数据并更新页面的部分内容,而无需重新加载整个页面。ajax的一些功能包括:

ajax - jquery interview questions- edureka

$.ajax()–这被认为是最低级和最基本的功能。它用于发送请求。此函数可以在不使用选择器的情况下执行。

$.ajaxSetup()–此函数用于定义和设置各种ajax调用的选项。

$.getJSON()–这是一种特殊的速记函数,用于接受向其发送请求的url。在这些函数中也可以使用可选数据和可选回调函数。

Q11。区分jQuery

中的width()和css('width')jQuery中有两种不同的方法来更改元素的宽度。第一种方法是使用.css('width'),另一种方法是使用.width()。

例如-

$('#mydiv').css('宽度','300px');$('#mydiv')。宽度(100);

.css('width')和.width()中的区别是我们指定的或从两个函数返回的值的数据类型。在.css('width')中,我们必须在width值中添加px,而在.width()中,我们不必添加px。

Q12。区分jQuery中的bind()与live()与delegate()方法。”

“bind()方法不会将事件附加到加载DOM后添加的元素。然而,live()和delegate()方法也将事件附加到未来的元素上。

live()和delegate()方法的区别在于live()函数在链接中不起作用。它只能在选择器或元素上工作。但是delegate()方法在链接中起作用。

例如

$(document).ready(function(){警报($(this.text());});});$(“dvContainer”)子项(“table”).delegate(“tr”,“click”,function(){警报($(this.text());});

问题13。在jQuery中param()方法有什么用途?”

“param()方法用于以序列化方式表示数组或对象。在发出ajax请求时,我们可以在URL的查询字符串中使用这些序列化值。

语法:

“object | array”指定要序列化的数组或对象。

“boolValue”指定是否使用参数序列化的传统样式。

Q14。$(this)和jQuery中的this有什么区别?”

“this和$(this)指的是同一个元素,但不同的是“this”在传统方法中使用,但与$()一起,它成为一个jQuery对象,我们可以在其上使用jQuery的函数。

$(文档).ready(函数(){$('\clickme')。单击(函数(){警告(this.innerText文件);});在上面的例子中,当只使用“this”关键字时,我们可以使用jQuery text()函数来获取元素的文本。一旦“this”关键字是用$()编写的,那么我们就可以使用jQuery函数text()来获取元素的文本。

Q15。如何在jQuery中读取、写入和删除cookie?”

“要在jQuery中处理cookie,必须使用面团cookie插件。面团易于使用,并且具有一些强大的功能。

创建cookie:读取Cookie:删除cookie:$.面团(“cookie_name”,“remove”);

问题16。什么是jQuery connect以及如何使用它?”jQuery connect是一个插件,用于连接或绑定一个函数与另一个函数。Connect用于从任何其他函数或插件执行函数。

可以通过从jQuery.com网站然后将该文件包含在HTML文件中。您必须使用$.connect将一个函数连接到另一个函数。

Q17。有什么区别jquery.size大小(二)和jquery.length?"

“”

“”

“”“”

“”

“”jQuery.size()方法给出对象中存在的元素总数。但由于jQuery具有.length属性,因此不首选size()方法。它执行相同的操作,但是.length属性没有函数调用的开销。

Q18。如何防止事件在ajax请求后停止工作?”

“处理这个问题有两种方法:

使用事件委派——事件委派技术通过利用事件冒泡原则上工作。它使用事件冒泡来捕获存在于域对象模型中任何地方的元素上的事件。在jQuery中,用户可以使用live和die方法进行事件委派,该委派包含事件类型的子集。”例如:

如果($(e.target).is('a'))电话号码(e.目标,e);$('#mydiv').load('我的.html')$('a')。单击(fn);$('#mydiv a')。单击(fn);});$(“div”第一个,第一部分,ol#items>[名称$='第一'])

这段代码执行一个查询,首先检索id为的任何 元素。它还包括类优先的所有 元素以及name属性以字符串“first”结尾的 元素的子元素。这显示了如何同时使用多个选择器。函数将返回包含查询结果的jQuery对象。

Q20。$(window).load和$(document).ready函数在jQuery中的区别是什么?”

“$(window).load是在页面上的DOM和其他内容完全加载时激发的事件。此事件在就绪事件之后激发。在大多数情况下,只要DOM完全加载,就可以执行脚本。ready()通常是编写JavaScript代码的最佳位置。但在某些情况下,您可能需要在load()函数中编写脚本。例如,要获取图像的实际宽度和高度,

是$(window).load事件在DOM和所有CSS、图像和帧完全加载后触发。因此,最好在这里编写jQuery代码,以获取实际的图像大小或获取在引发加载事件之前加载的任何内容的详细信息。

Q21。什么是CDN?使用CDN有什么好处?”“内容交付网络或内容分发网络(CDN)”是一个大型的分布式系统,服务器部署在多个数据中心的互联网上。它以更高的带宽提供来自服务器的文件,从而加快加载时间。这些公司提供免费的公共CDN:

“Google”

“Microsoft”

“Yahoo”

CDN- jquery interview questions- edureka

使用CDN的优势:

它减少了服务器的负载。

CDN还节省了带宽。jQuery framework从这些CDN中加载得更快。

如果用户定期访问使用这些CDN中任何一个jQuery framework的站点,它将被缓存。

Q22。如何在项目中添加jQuery库?”jQuery库可以在ASP.Net从下载最新jQuery库jQuery.com网站并在HTML/PHP/JSP/Aspx页面中包含对jQuery库文件的引用。

例如

警报(“测试”);});

问题23。在JQuery中serialize()方法有什么用处?”

“jQuery serialize()方法用于创建标准URL编码表示法的文本字符串。它序列化表单值,以便在发出AJAX请求时可以在URL查询字符串中使用它的序列化值。

语法:

$(文档).ready(函数(){$(“按钮”)。单击(函数(){});});$(文档).ready(函数(){$(“按钮”)。单击(函数(){});});$(文档).ready(函数(){$(“p”).html(“你好edureka”);});$(文档).ready(函数(){alert(“Background color=” $(“p”).css(“Background color”));});$(文档).ready(函数(){$(“p”).css(“背景色”,“蓝色”);});

Q31。是否定义slideToggle()效果?“

“slide方法执行上下元素。要在元素jQuery上实现向上和向下滑动,这里有三个方法:

slide down()

slide up()

slideDown()

slideToggle()

slideDown()方法此函数用于向下滑动和隐藏元素:

$(文档).ready(函数(){$(“登录包装”).slideDown();返回false;});

slide up()方法

此函数用于向上滑动和显示元素:

$(文档).ready(函数(){$(“登录包装”).slideUp();}); /script

slideToggle()方法

此方法介于slideUp()方法和slideDown()方法之间。它用于在上侧或下侧显示或隐藏元素:

$(“btnSlideToggle”)。单击(函数(){$(“登录包装”).slideToggle();}); /script

Q32。什么是jQuery中的slice()方法?”

“slice()方法通过提供一系列索引来选择匹配元素的子集。它基于一个参数给出了一组DOM元素。

语法:

Start:这是slice方法的第一个也是必需的参数。它指定从何处开始选择元素。

结束:这是一个可选参数。它指定选择的范围。这指示停止元素选择的位置,不包括结束元素。

Q33。Jquery中的queue()是什么?在jquery中使用queue()

“Delay属于jQuery中的自定义效果类别。它的唯一用途是延迟执行队列中后续项的执行。queue name是要插入延迟时间的队列的名称。默认情况下,它是一个“fx”队列。“fx”队列也称为效果队列。

延迟(持续时间[,队列名称])变量名称=[“Name1”,“Name2”]var名称数组=[];名称数组.push(“Name1”)//索引0名称数组.push(“Name3”)//索引2$.map(数组,回调(elementOfArray,indexInArray))jQuery$.grep()方法

Q37。如何将jQuery与另一个同样使用$进行命名的JavaScript库结合使用?”

“$在JavaScript中没有特殊含义。它可以用于对象命名。在jQuery中,它只是用作jQuery对象和jQuery()函数的别名。但是,jQuery不垄断使用$,这可能会导致您希望将它与另一个也使用$的JS库一起使用的情况。这将导致命名冲突。jQuery提供jQuery.noConflict查询因为这个原因。调用此方法使得有必要在随后对jQuery及其函数的引用中使用基础名称jQuery。

Q38。给定以下HTML:以及以下CSS:分区扩展器{高度:100px;}$(“扩展器”)。动画制作(宽度:“200px”,高度:“200px”,3000个)

$(“播放电影”按钮)。打开(“单击”,播放电影);$(“button#play movie”).css(“背景色”,“红色”);具有链接的

.css(“背景色”,“红色”).show();

带链接,按钮只需选择一次。但是,如果没有链接,jQuery必须搜索整个DOM并在应用每个方法之前找到按钮。

Q40。有什么区别jQuery.get获取(二)和jQuery.ajax()? jQuery.get获取() jQuery.ajax(

jQuery.get获取()是使用jQuery.ajax(在引擎盖下)创建一个Ajax请求,该请求通常用于简单的信息检索。其他预构建的Ajax请求由jQuery提供,例如jQuery.post网站(), jQuery.getScript,以及jQuery.getJSON(

jQuery.ajax()是jQuery提供的全方位Ajax请求方法。它允许创建高度定制的Ajax请求,包括如何处理失败的选项、请求是同步的还是异步的、请求响应的格式以及许多其他选项。

Q41。jQuery.each()函数的作用是什么?”

“的”jQuery.each每个函数是一个通用函数,它将遍历集合(对象类型或数组类型)。具有length属性的类数组对象按其索引位置和值迭代。其他对象在其键值属性上迭代。“那”jQuery.each每个函数的工作方式与$(选择器)不同。使用选择器在DOM元素上工作的每个()函数。但是两者都会遍历jQuery对象。

如果我们向每个函数传递一个数组,它会遍历数组中的项并访问当前项及其索引位置。

语法-

jQuery.each每个(集合,回调(indexInArray,valueOfElement))$(文档).ready(函数(){$。每个(arr,函数(索引,值){警报('位置为:' index ',值为:' Value);});

第42页。prop和attr有什么区别?”KDSP“jQuery.attr号它获取匹配元素集中第一个元素的属性值。

jQuery。prop()–它获取匹配元素集中第一个元素的属性值。

属性携带有关HTML元素的附加信息,并以name=“value”对形式出现。您可以为HTML元素设置一个属性,并在编写源代码时定义它。

例如-

$(文档).ready(函数(){$(“#div2”).html($(“#txtBox”).prop(“readonly”)) '';$(“#div3”).html($(“#txtBox”).attr(“readonly”));});$(“div”).css(“width”,“300px”).add(“p”).css(“background color”,“blue”);

你也可能喜欢

发表评论

您的电子邮件地址不会被公开。 必填项已用 * 标注

提示:点击验证后方可评论!

插入图片
人工智能医疗应用 投稿者
我还没有学会写个人说明!
最近文章
  • * 没有更多文章了
  • 热门搜索

    分类目录