尊敬的读者,这些 jQuery面试问题是专门设计的,目的是让您熟悉在您采访 jQuery 时可能遇到的问题的性质。根据我的经验,优秀的面试官几乎不会计划在面试过程中提出任何特定的问题,通常,问题是从该主题的一些基本概念开始的,然后根据进一步的讨论和您的回答继续进行讨论-
What is jQuery?jQuery是John Resig在2006年创建的一个快速简洁的JavaScript库,它的座右铭是-少写,做更多。 jQuery简化了HTML文档的遍历,事件处理,动画和Ajax交互,从而实现了快速的Web开发。 jQuery是一个JavaScript工具箱,旨在通过编写更少的代码来简化各种任务。
What are the core features of jQuery?以下是jQuery支持的重要核心功能列表-
-
DOM操作-jQuery通过使用称为Sizzle的跨浏览器开源selector引擎,使DOM元素的选择,遍历和修改其内容变得容易。
-
事件处理-jQuery提供了一种优雅的方式来捕获各种各样的事件,如用户单击链接,而无需将HTML代码本身与事件混在一起处理程序。
-
AJAX支持-jQuery帮助您使用AJAX技术开发响应迅速且功能丰富的网站。
-
动画-jQuery带有许多内置的动画效果,您可以在网站中使用它们。
-
轻量级-jQuery是一个非常轻量级的库-大小约为19KB(压缩并压缩)。
-
跨浏览器支持-jQuery具有跨浏览器支持,并且在IE 6.0 +,FF 2.0 +,Safari 3.0 +,Chrome和Opera 9.0+中运行良好。
-
最新技术-jQuery支持CSS3selector和基本XPath语法。
使用$(document).ready()函数。 DOM加载后以及页面内容加载之前,其中的所有内容都将加载。
How can you create an Object in JavaScript?JavaScript非常支持对象概念。您可以使用对象文字来创建对象,如下所示:
var emp={
name: "Zara",
age: 10
};
How can you read properties of an Object in JavaScript?
您可以使用点符号来编写和读取对象的属性,如下所示:
//Getting object properties emp.name //==> Zara emp.age //==> 10 //Setting object properties emp.name="Daisy" //<== Daisy emp.age=20 //<== 20How can you create an Array in JavaScript?
您可以使用数组文字来定义数组,如下所示:
var x=[]; var y=[1, 2, 3, 4, 5];How to read elements of an array in JavaScript?
数组的长度属性对于迭代很有用。我们可以如下读取数组的元素-
var x=[1, 2, 3, 4, 5];
for (var i=0; i < x.length; i++) {
//Do something with x[i]
}
What is a named function in JavaScript? How to define a named function?
命名函数在定义时具有名称。可以使用function关键字定义命名函数,如下所示:
function named(){
//do some stuff here
}
How many types of functions JavaScript supports?
JavaScript中的函数可以命名或匿名。
How to define a anonymous function?可以使用与普通函数类似的方式定义匿名函数,但是它没有任何名称。
Can you assign a anonymous function to a variable?是!可以将匿名函数分配给变量。
Can you pass a anonymous function as an argument to another function?是!匿名函数可以作为参数传递给另一个函数。
What is arguments object in JavaScript?JavaScript变量参数表示传递给函数的参数。
How can you get the type of arguments passed to a function?使用typeof运算符,我们可以获得传递给函数的参数类型。如-
function func(x){
console.log(typeof x, arguments.length);
}
func(); //==> "undefined", 0
func(1); //==> "number", 1
func("1", "2", "3"); //==> "string", 3
How can you get the total number of arguments passed to a function?
使用arguments.length属性,我们可以获取传递给函数的参数总数。如-
function func(x){
console.log(typeof x, arguments.length);
}
func(); //==> "undefined", 0
func(1); //==> "number", 1
func("1", "2", "3"); //==> "string", 3
How can you get the reference of a caller function inside a function?
arguments对象具有一个callee属性,该属性引用您所在的函数。如-
function func() {
return arguments.callee;
}
func(); //==> func
What is the purpose of 'this' operator in JavaScript?
JavaScript著名关键字始终引用当前context。
What are the valid scopes of a variable in JavaScript?变量的范围是程序在其中定义的区域。 JavaScript变量只有两个范围。
-
全局变量-全局变量具有全局范围,这意味着它在JavaScript代码中的任何地方都可见。
-
局部变量-局部变量仅在定义了局部变量的函数中可见。函数参数始终在该函数本地。
局部变量优先于具有相同名称的全局变量。
What is callback?回调是作为参数或options传递给某些方法的普通JavaScript函数。一些回调只是事件,被调用以使用户有机会在触发特定状态时做出反应。
What is closure?每当从某个内部范围内访问在当前范围之外定义的变量时,都会创建闭包。
Give an example of closure?以下Example显示了变量计数器在创建,增量和打印函数中如何可见,但在函数外部却不可见-
function create() {
var counter=0;
return {
increment: function() {
counter++;
},
print: function() {
console.log(counter);
}
}
}
var c=create();
c.increment();
c.print(); //==> 1
Which built-in method returns the character at the specified index?
charAt()方法返回指定索引处的字符。
Which built-in method combines the text of two strings and returns a new string?concat()方法返回指定索引处的字符。
Which built-in method calls a function for each element in the array?forEach()方法为数组中的每个元素调用一个函数。
Which built-in method returns the index within the calling String object of the first occurrence of the specified value?indexOf()方法返回指定值首次出现的调用String对象内的索引；如果未找到,则返回-1。
Which built-in method returns the length of the string?length()方法返回字符串的长度。
Which built-in method removes the last element from an array and returns that element?pop()方法从数组中删除最后一个元素并返回该元素。
Which built-in method adds one or more elements to the end of an array and returns the new length of the array?push()方法将一个或多个元素添加到数组的末尾,并返回数组的新长度。
Which built-in method reverses the order of the elements of an array?reverse()方法反转数组元素的顺序-第一个变为最后一个,最后一个变为第一个。
Which built-in method sorts the elements of an array?sort()方法对数组的元素进行排序。
Which built-in method returns the characters in a string beginning at the specified location?substr()方法以指定的字符数返回从指定位置开始的字符串中的字符。
Which built-in method returns the calling string value converted to lower case?toLowerCase()方法返回转换为小写形式的调用字符串值。
Which built-in method returns the calling string value converted to upper case?toUpperCase()方法返回转换为大写形式的调用字符串值。
Which built-in method returns the string representation of the number's value?toString()方法返回数字值的字符串表示形式。
What is a jQuery selector?jQuery Selector是一个函数,它使用表达式根据给定的条件从DOM中找出匹配的元素。简单地说,selector用于使用jQuery选择一个或多个HTML元素。一旦选择了元素,我们就可以对该选定的元素执行各种操作。 jQueryselector以美元符号和括号-$()开头。
How to resolve confict with another JavaScript library if $is already being in use?工厂函数$()是jQuery()函数的同义词。因此,如果您正在使用其他任何JavaScript库,其中$符号与其他事物冲突,则可以用jQuery名称替换$符号,并且可以使用函数jQuery()代替$()。
How to select elements using jQuery with the given element tag-name?$('tag-name') selects all element of type tag-name in the document. For example, $('p') selects all paragraphs <p> in the document.
How to select single element using jQuery with the given element id some-id?$('#some-id')选择文档中ID为some-id的单个元素。
How to select elements using jQuery whose css class is some-class?$('。some-class')选择文档中所有具有某类类别的元素。
How to select all elements using jQuery?$('*')选择DOM中所有可用的元素。
How to select multiple elements using jQuery?$('E,F,G')选择所有指定selectorE,F或G的组合输出,其中selector可以是任何有效的jQueryselector。
How to get attributes of an element using jQuery?attr()方法可用于从匹配集中的第一个元素中获取属性的值。
How to set attributes of an element using jQuery?attr(name,value)方法可用于使用传递的值将命名属性设置到包装集中的所有元素上。
How can you apply a style on an element using jQuery?addClass(classes)方法可用于将定义的样式表应用于所有匹配的元素。您可以指定多个以空格分隔的类。
How to remove an attribute from each of the matched elements using jQuery?removeAttr(name)方法可用于从每个匹配的元素中删除属性。
How to know if a specified class is present on at least one of the set of matched elements using jQuery?如果指定的类存在于一组匹配元素中的至少一个上,则hasClass(class)方法将返回true。
How to remove all or the specified class(es) from the set of matched elements using jQuery?removeClass(class)方法从匹配的元素集中删除所有或指定的类。
How to add the specified class if it is not present, remove the specified class if it is present using jQuery?toggleClass(class)方法添加指定的类(如果不存在),删除指定的类(如果存在)。
How to get the html contents (innerHTML) of an element using jQuery?html()方法获取第一个匹配元素的html内容(innerHTML)。
How to set the html contents of an element using jQuery?html(val)方法设置每个匹配元素的html内容。
How to get the text contents of an element using jQuery?text()方法获取所有匹配元素的组合文本内容。
How to set the text contents of an element using jQuery?text(val)设置所有匹配元素的文本内容。
How to get the input value of an element using jQuery?val()方法获取第一个匹配元素的输入值。
How to set the value of an element using jQuery?The val(val) method sets the value attribute of every matched element if it is called on <input> but if it is called on <select> with the passed <option> value then passed option would be selected, if it is called on check box or radio box then all the matching check box and radiobox would be checked.
How to filter out elements from a set of matched elements using jQuery?filter(selector)方法可用于从匹配的元素集中滤除与指定selector不匹配的所有元素。可以使用任何selector语法编写selector。
How to reduce the set of matched elements to a single element using jQuery?eq(index)方法将匹配元素的集合简化为单个元素。
How to checks the current selection against an expression using jQuery?如果选择的至少一个元素适合给定的selector,则is(selector)方法将根据表达式检查当前选择并返回true。
How to removes elements matching the specified selector from the set of matched elements using jQuery?not(selector)方法从匹配的元素集中删除与指定selector匹配的元素。
How to select a subset of the matched elements using jQuery?slice(selector)方法选择匹配元素的子集。
How to add more elements, matched by the given selector, to the set of matched elements using jQuery?add(selector)方法将由给定selector匹配的更多元素添加到匹配的元素集中。
How to add the previous selection to the current selection using jQuery?andSelf()方法将先前的选择添加到当前选择中。
How to get a set of elements containing all of the unique immediate children of each of the matched set of elements using jQuery?children([selector])方法获取一组元素,其中包含每个匹配元素集的所有唯一直属子元素。
How to get a set of elements containing the closest parent element that matches the specified selector, the starting element included using jQuery?最近的(selector)方法获取一组元素,这些元素包含与指定selector(包括起始元素)匹配的最接近的父元素。
How to find all the child nodes inside the matched elements (including text nodes), or the content document, if the element is an iframe using jQuery?如果元素是iframe,则content()方法将查找匹配的元素(包括文本节点)或内容文档中的所有子节点。
How to revert the most recent 'destructive' operation, changing the set of matched elements to its previous state using jQuery?end()方法还原最近的"破坏性"操作,将匹配元素的集合更改为以前的状态。
How to search for descendent elements that match the specified selectors using jQuery?find(selector)方法搜索与指定selector匹配的后代元素。
How to get a set of elements containing the unique next siblings of each of the given set of elements using jQuery?next([selector])获取一组元素,其中包含给定元素集的每个元素的唯一下一个同级。
How to find all sibling elements after the current element using jQuery?nextAll([selector])查找当前元素之后的所有同级元素。
How to get a jQuery collection with the positioned parent of the first matched element?offsetParent()方法返回一个jQuery集合,该集合具有第一个匹配元素的父元素。
How to get the direct parent of an element using jQuery?parent([selector])方法获取元素的直接父级。如果在一组元素上调用,parent返回一组唯一的直接父元素。
How to get a set of elements containing the unique ancestors of the matched set of elements using jQuery?Parents([selector])方法获取一组元素,其中包含匹配的元素集的唯一祖先(根元素除外)。
How to get a set of elements containing the unique previous siblings of each of the matched set of elements using jQuery?prev([selector])方法获取一组元素,其中包含每个匹配元素集的唯一先前同级。
How to find all sibling elements in front of the current element using jQuery?prevAll([selector])方法查找当前元素前面的所有同级元素。
How to get a set of elements containing all of the unique siblings of each of the matched set of elements using jQuery?siblings([selector])方法获取一组元素,其中包含每个匹配元素集的所有唯一同胞。
How to get the style property of an element using jQuery?css(name)方法在第一个匹配的元素上返回样式属性。
How to set the style property of an element using jQuery?css(name,value)方法将单个样式属性设置为所有匹配元素上的值。
How to set the height of an element using jQuery?height(val)方法设置每个匹配元素的CSS高度。
How to get the height of an element using jQuery?height()方法获取第一个匹配元素的当前计算像素高度。
How to get the inner height (excluding the border) of an element using jQuery?innerHeight()方法获取第一个匹配元素的内部高度(不包括边框,包括填充)。
How to get the inner width (excluding the border) of an element using jQuery?innerWidth()方法获取第一个匹配元素的内部宽度(不包括边框,包括填充)。
How to get the current offset of the first matched element, in pixels, relative to the document using jQuery?offset()方法获取第一个匹配元素相对于文档的当前偏移量(以像素为单位)。
How to get a jQuery collection with the positioned parent of the first matched element?offsetParent()方法返回一个jQuery集合,该集合具有第一个匹配元素的父元素。
How to get the outer height (including the border) of an element using jQuery?outsideHeight([margin])方法获取第一个匹配元素的外部高度(默认情况下包括边框和填充)。
How to get the outer width (including the border) of an element using jQuery?outsideWidth([margin])方法获取第一个匹配元素的外部宽度(默认情况下包括边框和填充)。
How to get the top and left position of an element relative to its offset parent using jQuery?position()方法获取元素相对于其偏移父级的顶部和左侧位置。
How to set the width of an element using jQuery?width(val)方法设置每个匹配元素的CSS宽度。
How to get the width of an element using jQuery?width()方法获取当前计算的第一个匹配元素的像素宽度。
How to remove all child nodes from the set of matched elements using jQuery?empty()方法从匹配的元素集中删除所有子节点。
How to remove set of matched elements using jQuery?remove(expr)方法从DOM中删除所有匹配的元素。
How to prevents the browser from executing the default action using jQuery?Event对象的preventDefault()方法可防止浏览器执行默认操作。
How to check if event.preventDefault() was ever called on this event object using jQuery?Event对象的isDefaultPrevented()方法返回是否曾经在此事件对象上调用过event.preventDefault()。
How to stop the bubbling of an event to parent elements using jQuery?Event对象的stopPropagation()方法停止将事件冒泡到父元素,从而防止任何父处理程序收到该事件的通知。
How to check if event.stopPropagation() was ever called on this event object?Event对象的isPropagationStopped()方法返回是否曾经在此事件对象上调用过event.stopPropagation()。
How to stop the rest of the event handlers from being executed in jQuery?Event对象的stopImmediatePropagation()方法使其余处理程序停止执行。
How to check if event.stopImmediatePropagation() was ever called on this event object?Event对象的isImmediatePropagationStopped()方法返回是否曾经在此事件对象上调用过event.stopImmediatePropagation()。
How to bind a handler to one or more events (like click) for an element using jQuery?bind(type,[data],fn)函数将处理程序绑定到每个匹配元素的一个或多个事件(如click)。也可以绑定自定义事件。
How to binds a function to be executed whenever the DOM is ready to be traversed and manipulated using jQuery?ready(fn)函数将绑定一个要在DOM进行遍历和操作时执行的函数。
How to make a ajax call using jQuery?load(url,[data],[callback])方法从远程文件加载HTML并将其注入DOM。
How to attach a function to be executed whenever an AJAX request completes using jQuery?AJAX请求完成时,可以使用ajaxComplete(callback)方法来注册要执行的回调。
下一步是什么 ?
此外,您可以浏览过去完成的与该主题相关的作业,并确保您能够自信地对它们发表讲话。如果您是新手,那么面试官不会期望您会回答非常复杂的问题,而是必须使您的基本概念非常扎实。
第二,如果您不能回答几个问题,那实际上并不重要,但是无论您回答了什么,您都必须自信地回答,这很重要。因此,在面试中要感到自信。我们在learnfk上祝您好运,有一位优秀的面试官,并祝您未来事业一切顺利。欢呼声:-)
参考链接
https://www.learnfk.com/jquery/jquery-interview-questions.html
标签：jQuery,elements,元素,无涯,element,How,Questions,using From： https://blog.51cto.com/u_14033984/6901093