📜  jQuery 面试问题和答案

📅  最后修改于: 2021-11-25 03:19:02             🧑  作者: Mango

jQuery 面试题

  1. 什么是jQuery?
    jQuery 是一个开源 JavaScript 库,它简化了 HTML/CSS 文档之间的交互,或者更准确地说是文档对象模型 (DOM) 和 JavaScript 之间的交互。
    详细说明这些术语,jQuery 简化了 HTML 文档遍历和操作、浏览器事件处理、DOM 动画、Ajax 交互和跨浏览器 JavaScript 开发。
  2. jQuery HTML 是否适用于 HTML 和 XML 文档?
    不,JQuery HTML 不适用于 XML 文档。它仅适用于 HTML 文档。
  3. 什么是 jQuery 选择器?举一些例子。
    jQuery 选择器用于选择 HTML 元素,并允许您以我们想要的方式操作 HTML 元素。它根据变量参数选择 HTML 元素,例如它们的名称、类、id、类型、属性、属性值等。 jQuery 中的所有选择器都使用特殊符号(即美元符号和括号)选择:
    $("selector-name")
    • 元素选择器:元素选择器根据名称选择元素。
      例子:

      $("h1")
    • id 选择器: id 选择器根据元素的 id 选择元素。
      例子:
      $("#gfg")
    • 类选择器:类选择器根据其类选择元素。
      例子:
      $(".GFG")
  4. jQuery 的优点是什么?
    • 它包含广泛的插件。 jQuery 允许开发人员在 JavaScript 库之上创建插件。
    • 大型开发社区。
    • 它有一个很好的和全面的文档。
    • 它包含许多 JavaScript 库,与标准 JavaScript 相比,它易于使用。
    • jQuery 允许用户轻松开发 Ajax 模板,Ajax 支持更时尚的界面,可以在页面上执行操作,而无需重新加载整个页面。
    • 轻量级和强大的链接能力使 jQuery 更加强大。
  5. 提供效果的方法有哪些?
    下面列出了一些提供效果的方法:
    • jQuery切换()方法
    • jQuery slideDown() 方法
    • jQuery 效果淡出() 方法
    • jQueryfadeToggle() 方法
  6. Jquery 中 .empty()、.remove() 和 .detach() 的区别?
    • jQuery empty() 方法:jQuery 中的 empty() 方法用于删除所有子节点及其所选元素的内容。
    • jQuery remove() 方法: JQuery 中的 remove() 方法用于删除包括所有文本在内的所有选定元素。此方法还会删除数据和所选元素的所有事件。
    • jQuery detach() 方法:jQuery 中的 detach() 方法用于从 DOM 树中删除选定的元素,包括其所有文本和子节点,但它保留数据和事件。文档对象模型 (DOM) 是万维网联盟标准。这定义了访问 DOM 树中的元素。
    • 注意: remove()方法比empty()detach()方法快。
  7. jQuery 是 JavaScript 还是 JSON 库文件?
    jQuery 是一个 JavaScript 文件库,它由 DOM 事件效果和 Ajax 函数组成。 jQuery 据称是一个 JavaScript 文件。

  8. Jquery 中可用的各种 ajax 函数有哪些?
    Ajax 允许用户与服务器交换数据并更新页面的一部分,而无需重新加载整个页面。 ajax的部分功能如下:
    • jQuery ajaxSetup() 方法: ajaxSetup() 方法用于为以后的 AJAX 请求设置默认值。
    • jQuery ajax() 方法: ajax() 方法用于执行 AJAX 请求或异步 HTTP 请求。
    • jQuery getScript() 方法: getScript() 方法用于使用 AJAX HTTP GET 请求运行 JavaScript。
    • jQuery getJSON() 方法: getJSON() 方法使用 GET HTTP 请求从服务器获取 JSON 编码的数据。
  9. 提及与 jQuery 兼容的操作系统。
    • 苹果电脑
    • 视窗
    • Linux
  10. 如何在 ASP.Net 项目中包含 jQuery 库?
    • 从 jQuery.com 下载 jQuery 库
    • 在 asp.net 页面中包含该引用。
  11. 解释 jQuery 中的 bind()、live() 和 delegate() 方法。
    bind() 方法不会将事件附加到 DOM 加载后添加的那些元素上,而 live() 和 delegate() 方法也将事件附加到未来元素。

    live() 和 delegate() 方法的区别在于 live()函数在链接中不起作用。它仅适用于选择器或元素,而 delegate() 方法将适用于链接。

  12. 编写给出 jQuery 版本的命令?
    命令$.ui.version返回 jQuery UI 版本。
  13. 什么是 jQuery 连接?
    jQuery connect是一个插件,用于连接或绑定一个函数与另一个函数。连接被用于从其它函数执行该函数或插件被执行。
  14. 如何使用连接?
    • 从 jQuery.com 下载 jQuery 连接文件
    • 将该文件包含在 HTML 文件中。
    • 使用 $.connect函数将一个函数连接到另一个函数。
  15. JQuery 中 param() 方法的用途是什么?
    jQuery 中的param() 方法用于创建对象的序列化表示。

  16. $(this) 和 jQuery 中的 this 之间的区别?
    this$(this)引用是相同的,但不同的是“this”以传统方式使用,但是当“this”与 $() 一起使用时,它变成了 jQuery 对象。
  17. find 和 children 方法之间的区别?
    find()方法用于查找所选元素的所有后代元素, children()方法用于查找与该所选元素相关的所有子元素。
  18. 什么情况下可以使用 jQuery?
    jQuery 可用于以下场景:
    • 主要用于动画效果
    • 操作目的
    • 在事件上调用函数
    • 应用 CSS 静态或动态
  19. 如何在 jQuery 中读取、写入和删除 cookie?
    我们可以使用Dough cookie 插件处理 jquery 中的cookie 。面团易于使用并具有强大的功能。
    • 创建 cookie:
      $.dough(“cookie_name”, “cookie_value”);
    • 读取饼干:
      $.dough(“cookie_name”);
    • 删除cookie:
      $.dough(“cookie_name”, “remove”);
  20. Web 应用程序中使用的 jQuery 的特性?
    jQuery 在 Web 应用程序中使用诸如滑动、文件上传和手风琴等功能。

jQuery 是一个开源 JavaScript 库,它简化了 HTML/CSS 文档之间的交互,它以其“少写,多做”的理念而广为人知。
您可以按照此 jQuery 教程和 jQuery 示例从头开始学习 jQuery。