开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

为什么不加载jQuery？

加载jQuery的主要原因是为了简化JavaScript代码的编写和操作DOM的复杂性。然而，随着现代浏览器的发展和原生JavaScript的增强，使用jQuery的必要性逐渐减少。以下是为什么不加载jQuery的一些原因：

性能：加载jQuery会增加页面的加载时间和内存占用。尤其是在移动设备上，加载大型的jQuery库可能会导致页面加载缓慢和卡顿。
大小：jQuery库的大小相对较大，尤其是包含了所有功能的完整版本。这会增加页面的下载时间，尤其是在网络条件较差的情况下。
兼容性：现代浏览器已经对原生JavaScript提供了广泛的支持，包括DOM操作、事件处理、AJAX等功能。因此，使用原生JavaScript可以更好地兼容各种浏览器，而不需要依赖额外的库。
学习成本：学习和掌握原生JavaScript可以提高开发者的技能水平，并且更好地理解和解决问题。过度依赖jQuery可能会导致对原生JavaScript的理解不足。
维护成本：使用原生JavaScript编写的代码更容易维护和调试。当使用jQuery时，如果出现问题或需要更新版本，可能需要花费更多的时间和精力。

虽然不加载jQuery可能会增加一些开发的复杂性，但在现代Web开发中，推荐尽量使用原生JavaScript来实现功能，以提高性能、减少依赖和提升开发者的技能水平。

腾讯云相关产品和产品介绍链接地址：

腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
腾讯云云原生容器服务（TKE）：https://cloud.tencent.com/product/tke
腾讯云云数据库 MySQL 版（CDB）：https://cloud.tencent.com/product/cdb
腾讯云内容分发网络（CDN）：https://cloud.tencent.com/product/cdn
腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
腾讯云物联网（IoT）：https://cloud.tencent.com/product/iot
腾讯云移动应用开发（MAD）：https://cloud.tencent.com/product/mad
腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
腾讯云区块链服务（BCS）：https://cloud.tencent.com/product/bcs
腾讯云游戏多媒体引擎（GME）：https://cloud.tencent.com/product/gme

相关搜索:重新加载Jquery DataGrid表-不工作为什么Onblur不工作(JQuery/Javascript)为什么jQuery图像滑块不工作？为什么JQuery post不传输数据？为什么不触发usercontrols加载的事件为什么我的jQuery变量不工作？为什么这个jquery加载不起作用？不触发参数的jQuery移动页面加载代码 jquery 加载为什么我的jQuery移动代码不工作？为什么jquery datatable中的checkbox不工作？为什么我的Jquery animate()函数不工作？为什么wordpress不能加载我的jQuery脚本？jQuery的delegate()不绑定AJAX加载内容的事件 jQuery事件处理程序在主体加载后不工作 symfony jquery在加载后不工作(window.location)为什么谷歌搜索不预加载非AMP页面？为什么我的jQuery动态链接克隆不工作？为什么我的jquery展开/折叠行不工作？为什么jQuery不返回最近的表行值？

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

WordPress中的jQuery库不起作用的相关问题

WordPress 中的jQuery 库问题曾经困扰了我一段时间。如果仅仅加载WordPress 自带的jQuery 库，在使用一些jQuery 插件的时候明明是代码没有错误，但就是不起作用，该有的效果不能实现；但加载了原版的jQuery 库却又可以了，这样一来却同时加载了两个jQuery 库，网页速度拖慢了而且根本没有必要。后来才了解到：为了防止与其他 JS 库（如 YUI）冲突，WordPress 内置 jQuery 库的末尾都在原版的基础上加入了 jQuery.noConflict()这个东东，以至

06

利用Jquery Lazyload JS插件实现网页图片延迟加载

Jquery Lazyload是一款网页图片延迟加载JS插件，本文介绍该JS的使用方法。

07

用lazyload.js释放你网站的宽带

本教程将使用Visual Studio 2013手把手教你用lazyload.js释放你网站的宽带。本文源码：https://github.com/shellcheng/UsedLazyjs

08

jQuery笔记(1) (多图)

即library,是一个封装好的特定的集合(方法和函数).从封装一大堆函数的角度理解库,就是在这个库中,封装了很多预先定义好的函数在里面,比如animate,hide,show,比如获取元素等/

01

你还在用jquery.lazyload这个坑爹的图片分屏加载插件么？

2015年6月29日更新：本文章发布时间较早，不建议继续阅读，并且该插件后续已经修复此问题，大家可以放心使用。

04

「 typecho主题设置pjax无刷新加载」

在写作typecho主题的过程中，想给主题追加一个懒加载，其实主题本身够轻量，加不加实际用处不是那么大但还是想加一个，参考于友人c博客

01

lazyload.js实现图片异步延迟加载

所谓图片异步加载，意思是不用一次把图片全部加载完，你可以叫它延迟加载，缓冲加载都行。看看你有没有这JavaScript

02

常用js，css文件统一加载方法，并在加载之后调用回调函数

为了方便资源管理和提升工作效率，常用的js和css文件的加载应该放在一个统一文件里面完成，也方便后续的资源维护。所以我用js写了以下方法，存放在“sourceController.js”文件内。 /** * Created by MingChen on 2016/11/3. */ function sourceController() { this.root = ""; this.callfunc = null; // 回调函数 this.css = []; thi

07

Layui学习笔记，一起加油！

Layui（谐音：类 UI) 是一套开源的 Web UI 解决方案，采用自身经典的模块化规范，并遵循原生 HTML/CSS/JS 的开发方式，极易上手，拿来即用。

03

关于ajax跨域的说法，下面错误的是？

答：Ajax是一种可以在浏览器和服务器之间使用异步数据传输（HTTP请求）的技术。使用它可以让页面请求少量的数据，而不用刷新整个页面。而传统的页面（不使用Ajax）要刷新部分内容，必须重载整个网页页面。

02

前端测试题:(解析)关于ajax跨域的说法，下面错误的是？

答：Ajax是一种可以在浏览器和服务器之间使用异步数据传输（HTTP请求）的技术。使用它可以让页面请求少量的数据，而不用刷新整个页面。而传统的页面（不使用Ajax）要刷新部分内容，必须重载整个网页页面。

04

那些延时加载图片的开源插件

图片延时加载技术对大流量的网站来说是十分实用的。目前图片在网站中大量使用，如果不加处理的话会对服务器和带宽造成级大压力，通过只渲染当前用户可见区域的图片，可以极大地减少网站的请求数，降低网络带宽资源。

04

Speed丨如何快速给网站添加Pjax？

Pjax是一种很多网站( facebook, twitter)都支持的浏览方式，当你点击一个站内链接的时候，不是做页面跳转，而是只是站内页面刷新。设置后的这些网站的ajax刷新是支持浏览器历史的，刷新页面的同时，浏览器地址栏位上面的地址也是会更改，用浏览器的回退功能也能够回退到上一个页面。Pjax是可以增加访客打分的好功能。

04

给Emlog添加页面加载(加载中)特效

为了加强浏览者的体验,不在等待页面加载时感到枯燥，从而关闭网页，很多网站都会制作一个“网页正在加载中”的提示效果或显示加载进程，加载完成后提示消失，大部分都应用在网站的首页，今天我教大家把这一特效添加到Emlog主题中。要实现该特效同样要用到jquery，如果大家和我目前用的主题一样，为了实现其它特效已提前加载了jquery，那么正好充分利用jquery的强大功能，添加此特效何乐而不为呢？当然仅仅为了实现这个特效，而去加载50几K的jquery就有点得不偿失了。

02

jQuery选择什么版本 1.x? 2.x? 3.x?

类似标题：jQuery选择什么版本？ jquery一般用什么版本？ jquery ie8兼容版本？jquery什么版本稳定？

01

JQuery基础

学习jQuery的时候，很快过了一遍，发现好多知识点不清晰。看来还是要写出来加深印象，平时多练习！ jQuery是一个Javascript函数库，轻量级，“写得少，做的多！”，它有以下功能： HTML元素选取 HTML元素操作 CSS操作 HTML事件函数 JavaScript特效和动画 HTML DOM遍历和修改 AJAX Utilities（实用工具）很多大公司都在使用jQuery:Google,Microsoft,IBM等。jQuery兼容所有主流浏览器，包括IE6（不失为解决兼容性的一种方法）。

05

jQuery

当父类的对象引用没有指向父类的对象，而是指向了子类的对象时，调用方法或访问变量时会怎样呢？

02

Vue CLI3.0 中使用jQuery 和 Bootstrap

Vue 中使用 jQuery 和 Bootstrap 不是特别符合 Vue 原生的写法，但是有时候又要用，所以放上我的引入设置，供大家参考。

02

博客优化小记

阅读统计和访客统计使用的都是不蒜子，因为使用的是NexT主题，只需要添加一下配置就可以了。

02

DOMContentLoaded和window.onload

相信写js的。都知道window.onload吧，可是并非每一个人都知道DOMContentLoaded，事实上即使你不知道。非常有可能你也常常使用了这个东西。

05

Hexo-neat插件优化提升访问效率

对于任何一个网站来说，优化页面的访问速度是必须的，个人来说，只要加载页面十秒以上或长时间处于空白或加载状态，我会立刻关掉此页面的。你又能容忍几秒呢？

02

Android的webview研究

最近做的项目大量用到了 webview ，用网页来布局。 Android 的 webview 是基于 webkit 内核，不过他的运行效果和 firefox 上一模一样，所以写的时候都是先用 firefox 测试，测试 OK 了再放到程序里面看效果，基本上不会有什么问题。其实 android 的 webview 跟 iphone 的 webview 差不多， iphone 上的 webview 比 android 上的强大多了。

01

JS图片预加载插件

在开发H5项目中有时候会遇到要加载大量图片的情况，利用预加载技术可以提高用户浏览时的体验。 1)概念：懒加载也叫延迟加载：JS图片延迟加载,延迟加载图片或符合某些条件时才加载某些图片。预加载：提前加载图片，当用户需要查看时可直接从本地缓存中渲染。 2)区别：两种技术的本质：两者的行为是相反的，一个是提前加载，一个是迟缓甚至不加载。懒加载对服务器前端有一定的缓解压力作用，预加载则会增加服务器前端压力。服务器端区别：懒加载的主要目的是作为服务器前端的优化，减少请求数或延迟请求数。预加载可以

05

一文彻底搞懂ES6 Module

模块，（Module），是能够单独命名并独立地完成一定功能的程序语句的集合（即程序代码和数据结构的集合体）。

06

给Github-Page加上代码展示

博客中常常会需要用到代码展示，在《用Github搭建个人博客》中也介绍了几个可以用于代码展示的站点，不过由于是跨站的服务，可能会由于种种原因访问慢甚至打不开，于是就想找找有没本地实现的方法。自己写一个？No。

02

java学习与应用（4.6）--过滤器、监听器、JQuery、AJAX、JSON等

Filter过滤器：客户端在请求服务器资源前和返回响应，会通过过滤器，以拦截请求完成特殊功能。登录校验、统一编码校验等一些通用操作放置到过滤器。定义类实现接口Filter（javax.servlet），复写方法（init（服务器启动调用），doFilter（写入FilterChain.doFilter进入方法放行，之后的代码为返回响应执行的信息），destory（服务器关闭前执行）），配置拦截路径（@WebFilter（/*为所有资源都拦截））。 web.xml配置（WEB_INF下），配置filter标签下的filter-name，filter-class。配置filter-mapping标签下url-pattern，filter-name。也可直接用注解@WebFilter配置即可。配置详解：拦截路径配置（具体资源路径、目录/xxx/*、后缀*.jsp，所有资源/*等）。配置符合请求方式访问资源前进行的拦截（REQUEST浏览器直接请求，FORWARD转发访问资源，INCLUDE包含访问资源，ERROR跳转资源，ASYNC异步访问资源），使用注解的dispatcherType（可传入数组）。也可配置web.xml的dispatcher标签拦截符合条件的资源被访问方式。过滤器链（多个过滤器），资源进入通过的过滤器和返回的顺序相反。使用注解：过滤器执行的先后使用类名字符串比较（如AFilter，BFilter等）顺序执行。使用web.xml：filter-mapping的先后顺序执行设置登录校验，可以在Filter中对指定页面校验session值判断放行和跳转等。敏感词汇过滤：使用装饰模式、代理模式等来增强request。在代理模式中使用代理对象代理真实对象达到增强真实对象，代理中增强返回值为。静态代理使用类文件描述代理模式，动态代理在内存中形成代理类。代理对象和真实对象实现相同接口，使用Proxy的newInstance获取代理对象（传入如：lenovo. getClass(). getClassLoader(), lenovo. getClass(). getInterfaces(), new InvocationHandler( )，然后重写invoke），使用代理对象获取真实。 proxy为代理对象，method为代理对象被调用的方法，args为被调用时传递的参数。invoke中写入Object obj=method.invoke(xxx,args);return obj方式增强真实对象。通过修改代理传入的参数，返回值，和方法体，进行增强和修改。

01

前端成神之路-01_jQuery

JavaScript库：即 library，是一个封装好的特定的集合（方法和函数）。从封装一大堆函数的角度理解库，就是在这个库中，封装了很多预先定义好的函数在里面，比如动画animate、hide、show，比如获取元素等。

01

Vue3（四）从jQuery 转到 Vue工程化的捷径 main.jsapp.jsroutermyImportstore如何方便的写模板组件里面加载组件

熟悉jQuery开发的，学习vue的简单使用是没用啥问题的，但是学习vue的工程化开发方式，往往会遇到各种问题，比如：

01

「jQuery」基础 - 01

请注意，本文编写于 2075 天前，最后修改于 173 天前，其中某些信息可能已经过时。

02

元素滚动高度和图片懒加载

首先转载两篇文章 JS中height、clientHeight、scrollHeight、offsetHeight区别关于scrollTop,offsetTop,scrollLeft,offsetLeft用法介绍

02

jQuery实现图片懒加载

一、懒加载 1.什么是懒加载目前，网络上各大论坛，尤其是一些图片类型的网站上，在图片加载时均采用了一种名为懒加载的方式，具体表现为，当页面被请求时，只加载可视区域的图片，其它部分的图片则不加载，只有这些图片出现在可视区域时才会动态加载这些图片，从而节约了网络带宽和提高了初次加载的速度。 2.懒加载的原理页面中的img元素，如果没有src属性，浏览器就不会发出请求去下载图片，只有通过javascript设置了图片路径，浏览器才会发送请求。懒加载的原理就是先在页面中把所有的图片统一使用一张占位图进行占位，

02

what is 模块化?

将一个复杂的程序按照一定的规范，封装成几个块(文件)，并进行组合在一起。这些模块，最好都做到可复用性，比如可以在多个文件中使用处理时间的模块。

03

JS基础第四课、JQ基础第一课（BOM、JQuery框架）

（1）JavaScript库：一个封装好的特定的集合（方法和函数），该库里封装了很多定义好的函数，支持js的常规操作以及一些扩展

01

Hexo博客静态资源加速

jsdelivr是一个免费的CDN服务，可以利用它配合github来为页面静态资源提供加速，有效提升资源加载速度。

04

全网最新、最全的jQuery核心知识，你真的不想点开看看嘛？

大家好！我是你们的老朋友Java学术趴，今天继续给大家分享jQuery的相关知识。jQuery 底层 AJAX 实现。简单易用的高层实现 .get,.post 等。$.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该函数，除非你需要操作不常用的选项，以获得更多的灵活性。话不多说，接下来详细给大家介绍jQuery核心知识。

01

JS-制作可伸缩的水平菜单栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta name="author" content="郭菊锋,702004176@qq.com" /> <meta http-equiv="Content

04

关于 JS 模块化的最佳实践总结

模块化开发是 JS 项目开发中的必备技能，它如同面向对象、设计模式一样，可以兼顾提升软件项目的可维护性和开发效率。

01

爬虫如何抓取网页的动态加载数据-ajax加载

本文讲的是不使用selenium插件模拟浏览器，如何获得网页上的动态加载数据。步骤如下：一、找到正确的URL。二、填写URL对应的参数。三、参数转化为urllib可识别的字符串data。四、初始化Request对象。五、urlopen这个Request对象，获得数据。

03

使用jQuery的delay()延迟执行show()和hide()不起效的解决方法

今天使用 jQuery 的 delay() 来延迟执行 hide() ，发现延时不起效，查了一些资料，找到了其中的原因。

01

用jQuery+easyUI遇到的几个插件与文件详解

很早就开始跟着老师学习jQuery课程，那时候是要求熟练使用jQuery中的easyUI插件中的控件，包括textbox、combobox、panel、checkbox、tree、datagrid等等总之是关于基本表单控件、树和一些图表统计的应用，当然，还有一些后台数据库的连接使用。当时几乎都在学着怎么用，竟然没有去仔细深入思考关于jQuery，并且对在头部（head中）引入的一些诸如jquery-1.4.4.min.js 文件也没有太大感觉。果然，在自己需要用jQuery做前端的时候一顿茫然。这两天终

https中引入http资源资源所导致的问题

直接复制原有代码, 写成两套代码,一套为https使用,一套为http使用,http和https各自指向各自服务

08

JavaScript/JQuery基本使用

这是前端的JavaScript和JQuery的基础使用，对于日常使用来说，这些代码足够了。我写代码的时候经常忘记，写下常用的代码，用的时候直接看这些，免得再去百度了。文章内容以例子为主，一个例子胜过千言万语。

03

网页中图片去色问题是什么_网页问题

网页中经常需要一种js效果，就是鼠标经过某张图片，图片去色。为了不加载两张图片（一张彩色和一张灰色），在网上找到了一些方法。

02

jQuery 基础学习笔记

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://louluan.blog.csdn.net/article/details/19021807

02

jQuery

2.jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互，能够极大地简化JavaScript编程。它的宗旨就是：“Write less, do more.“

02

Hexo异步加载方案

在博客魔改过程中，不可避免的会引入大量的第三方脚本（js），而基于页面读取js的加载顺序，每当浏览器在加载html的过程中遇到<script>js代码片段</script>这样的标签时，浏览器会暂停继续构建html，而是优先执行当前的js脚本，等执行完毕后再继续加载后面的html。

02

npm bower安装和使用

注：bower下载安装依赖库实际上是使用git进行下载。对于linux系统，由于默认都有安装git，所以一般没问题。但是windows系统一般没有git。在windows系统下需要确定安装了git客户端，建议使用同捆的git bash命令行来执行bower install命令。或者把git目录加入windows的环境变量中，再在命令行中执行bower install命令。()

01

webpack5学习笔记

assetModuleFilename: 'images/contenthash.png'

04

jquery jQuery快速入门

维护IE678是一件让人头疼的事情，一般我们都会额外加载一个CSS和JS单独处理。值得庆幸的是使用这些浏览器的人也逐步减少，PC端用户已经逐步被移动端用户所取代，如果没有特殊要求的话，一般都会选择放弃对678的支持。

05

webpack5学习笔记

assetModuleFilename: ‘images/[contenthash].png’ [contenthash]可自动根据hash来生成文件名

02

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭