jquery 设置选中-前端面试题:jquery篇

1.$(this)和jQuery中的this关键字有什么区别? (答案如下)

对于许多 jQuery 初学者来说,这是一个棘手的问题,但实际上很简单。 $(this) 返回一个 jQuery 对象,您可以在该对象上调用多个 jQuery 方法,例如 text() 获取文本、val() 获取值等。 而this代表当前元素,它是JavaScript关键字之一,代表上下文中当前的DOM元素。 在将其包装在 $() 函数(例如 $(this))中之前,您无法对其调用 jQuery 方法。

2. 可以用jQuery代码选择一个段落内的所有超链接吗? (答案省略)

这是另一个关于选择器的 jQuery 面试问题。 就像其他问题一样,只需一行 jQuery 代码就可以解决。 您可以使用下面的 jQuery 代码片段来选择所有嵌套段落(

标签)内的超链接(标签)...

3. 如何向 DOM 树添加 HTML 元素? (答案如下)

您可以使用 jQuery 方法appendTo() 将 HTML 元素添加到 DOM 树。 这是 jQuery 提供的用于操作 DOM 的多种方法之一。您可以使用appendTo() 方法在指定 DOM 元素的末尾附加现有元素或新的 HTML 元素

4. jQuery中each()的作用是什么? 你如何使用它? (答案如下)

each() 函数就像 Java 中的迭代器,它允许您遍历元素的集合。 您可以将函数传递给each() 方法,被调用的jQuery 对象将在其每个元素上执行传递的函数。 有时这个问题后面会跟着一个问题,比如如何在警告框中显示所有选中的项目。 我们可以利用前面的选择器代码找到所有选中的项,然后我们在alert框中使用each()方法将它们一一复制,代码如下:

$('[name=NameOfSelectedTag]:selected').each(function(selected){

警报($(选定)。文本());

});

5、如何查找所有HTML select标签的选中项? (答案如下)

这是笔试中比较棘手的 jQuery 问题之一。 这是一个基本问题,但不要指望每个 jQuery 初学者都知道它。 您可以使用以下 jQuery 选择器来获取所有具有 multiple=true 的标签的选定项目:

$('[name=NameOfSelectedTag]:已选择')

此代码将属性选择器与 :selected 选择器结合起来jquery 设置选中,仅返回选定的选项。 您可以根据需要更改此设置jquery 设置选中,例如使用 id 属性而不是 name 属性来获取标签。

6. $(document).ready() 是什么函数? 为什么要使用它? (回答)

这个问题很重要并且经常被问到。 Ready() 函数用于在文档进入就绪状态时执行代码。 当 DOM 完全加载时(即 HTML 完全解析并构建 DOM 树),jQuery 允许您执行代码。 使用$(document).ready()最大的好处是适用于所有浏览器,jQuery帮你解决跨浏览器的困境。 需要了解更多的用户可以点击答案链接查看详细讨论。

7. JavaScript window.onload 事件与 jQuery Ready 函数有何不同? (回答)

这个问题和答案紧接着上一个问题和答案。 JavaScript window.onload 事件和 jQuery Ready 函数之间的主要区别在于,前者不仅等待 DOM 创建,还等待所有外部资源(包括小图像、音频和视频)完全加载。 如果加载图像和媒体内容需要花费大量时间,则用户在执行 window.onload 事件中定义的代码时会遇到明显的延迟。

另一方面,jQuery的ready()函数只需要等待DOM树,而不需要等待图像或外部资源加载,因此执行速度更快。 使用 jQuery $(document).ready() 的另一个优点是,您可以在网页中多次使用它,浏览器将按照它们在 HTML 页面中出现的顺序执行它们,这与 onload 技术相反,后者只能在单个函数中使用。 为此,最好使用 jQuery read() 函数而不是 JavaScript window.onload 事件。

8. jQuery中ID选择器和类选择器有什么区别?

如果您使用过 CSS,您可能知道 ID 选择器和类选择器之间的区别,jQuery 也是如此。 ID选择器使用ID来选择元素,例如#element1,而类选择器使用CSS类来选择元素。 当您只需要选择一个元素时,请使用ID选择器,如果您想选择一组具有相同CSS类的元素,请使用类选择器。 在笔试过程中,很有可能会要求你使用ID选择器和类选择器编写代码。 以下 jQuery 代码使用 ID 和类选择器:

$('#LoginTextBox')//返回elementwrappedasjQueryobjectwithid='LoginTextBox'

$('.active')//返回所有具有CSSclassactive的元素。

正如您所看到的,ID 选择器和类选择器之间的另一个语法差异是前者使用字符“#”,而后者使用字符“.”。