📜  jQuery |介绍

📅  最后修改于: 2021-11-25 04:12:28             🧑  作者: Mango

jQuery是一个开源 JavaScript 库,可简化 HTML/CSS 文档(或更准确地说是文档对象模型 (DOM))与 JavaScript 之间的交互。
详细说明这些术语,jQuery 简化了 HTML 文档遍历和操作、浏览器事件处理、DOM 动画、Ajax 交互和跨浏览器 JavaScript 开发。

注意:目前唯一能同时满足设计者类型和程序员类型需求的库是 jQuery。

jQuery 以其“少写,多做”的理念而广为人知这种哲学可以进一步阐述为三个概念:

  • 找到一些元素(通过 CSS 选择器)并用它们做一些事情(通过 jQuery 方法),即在 DOM 中定位一组元素,然后对这组元素做一些事情。
  • 在一组元素上链接多个 jQuery 方法
  • 使用 jQuery 包装器和隐式迭代

在 HTML 页面上使用 jQuery (JS) 库
有几种方法可以在您的网站上开始使用 jQuery。

  1. 使用 Google 托管/Microsoft 托管的内容交付网络 (CDN) 来包含一个 jQuery 版本。
  2. 从 jQuery.com 下载自己的 jQuery 版本并将其托管在自己的服务器或本地文件系统上。

注意:所有 jQuery 方法都在文档就绪事件中,以防止在文档完成加载(准备就绪)之前运行任何 jQuery 代码。

任何 jQuery函数的基本语法是:

$(selector).action()
  • $ 符号用于定义/访问 jQuery
  • A(选择器)是在html页面中“查询(或查找)”HTML元素
  • jQuery action() 是要对所选元素执行的操作

例子:



    
        
        
    
    
        
            

              GeeksforGeeks           

        
    

输出:

为什么是jQuery?
支持为什么使用 jQuery 的答案的一些关键点:

  • 它非常受欢迎,也就是说它拥有庞大的用户社区和数量可观的贡献者,他们以开发者和布道者的身份参与其中。
  • 它规范了 Web 浏览器之间的差异,因此您不必这样做。
  • 它有意是一个轻量级的足迹,具有简单而巧妙的插件架构。
  • 它的插件库非常庞大,并且自 jQuery 发布以来一直在稳步增长。
  • 它的 API 有完整的文档,包括内联代码示例,这在 JavaScript 库的世界中是一种奢侈。哎呀,多年来,任何文档都是一种奢侈品。
  • 它是友好的,也就是说它提供了有用的方法来避免与其他 JavaScript 库发生冲突。

好处:

  • 广泛的插件。 jQuery 允许开发人员在 JavaScript 库之上创建插件。
  • 大型开发社区
  • 它有一个很好的和全面的文档
  • 与标准 javascript 和其他 javascript 库相比,它更易于使用。
  • JQuery 让用户可以轻松地开发 Ajax 模板,Ajax 提供了一个更时尚的界面,可以在页面上执行操作,而无需重新加载整个页面。
  • 轻量级和强大的链接功能使 jQuery 更加强大。

缺点:

  • 虽然 JQuery 在数量方面拥有令人印象深刻的库,但取决于您需要在网站上进行多少自定义,其功能可能会受到限制,因此在某些情况下使用原始 javascript 可能是不可避免的。
  • 运行 JQuery 命令需要 JQuery javascript 文件,虽然该文件的大小相对较小(25-100KB,具体取决于服务器),但它仍然对客户端计算机和您的 Web 服务器造成压力,如果您打算这样做的话在您自己的 Web 服务器上托管 JQuery 脚本。