性能问题-css vs javascript vs jquery

我是网页设计的初学者。我使用css、javascript和jquery进行web开发

有时，这三种方法都可以达到效果。与使用css

可以实现简单的鼠标悬停效果一样：hover

、javascript的

onmousehave（）

、jquery的

$（#id）.hover（）

jquery淡入淡出效果也可以用css过渡来模拟

---

我的问题是：如果使用这三种方法都能达到效果。我是否需要优先选择样式表语言、javascript或jquery。使用上述哪种方法可以提高性能并更快地加载网页。

首先，请优先选择可以更快地加载网页的方法（计算机成本较低，程序员成本较高）。还要注意你是如何做到的——如果你不得不在jQuery中编写成吨的css代码而不是几行代码——那么一定要使用jQuery

css速度>javascript速度>jquery速度。正如我看到的一些基准测试一样，原生js比jQuery快10-100倍（取决于浏览器/选择器等）

---

视情况而定-如果你真的需要优化你的界面->首先找到一个瓶颈，不要过早地优化，这很糟糕，jquery有跨多个浏览器工作的优势，但在这方面会有些慢。自定义javascript解决方案可能适用于所有浏览器，也可能不适用于所有浏览器，但如果您真的擅长编写快速javascript，它可能比jQuery更快。使用css实现效果的优点是可以在所有符合css标准的浏览器上工作，并且浏览器应该经过高度优化，以快速呈现css

我认为与其说是速度问题，不如说是你想支持什么浏览器、个人偏好和编码风格的问题，但这里有一些信息和基准：

---

编辑：同意塞尔吉奥的观点，早期优化是万恶之源。首先编写代码，查找瓶颈，最后处理。

取决于您想要实现的目标或场景。 我个人喜欢css，但有时为了实现跨浏览器兼容性或一些奇特的效果，我使用jquery。 Jquery可以定制很多，也有很多选项可用，但它会影响页面加载时间。我更喜欢jquery或javascript。

---

有了CSS3，现在可以实现很多只有jquery才能实现的效果，但它只支持现代浏览器。

我个人认为这取决于你使用它的目的——通常我更喜欢使用CSS而不是JavaScript/jquery。有时，做一个或另一个是过早的优化，有时它使事情更可读，有时你真的必须考虑性能。这是相当有争议的虽然…CSS将是最快的，因为我知道。使用本机api（如document.getElementById（ID）和getElementsByName等）的Javascript将比jQuery功能更快。这不是一个合适的问题，jQuery/Javascript是脚本语言，css仅用于样式设计，在jQuery Javascript中，我们称为ajax requst，函数n all n是的，我们可以在做出一些响应后将css设置为特定元素，我们在css中做什么。所以这很难回答你的问题。另外，如果您希望在任何响应后使用jquery或js设置效果