意见-编写简单的javascript还是只使用jQuery？

我只是好奇超过一切。。。我需要根据属性有条件地隐藏元素。我可以用基本的javascript实现：

document.getElementById('business_option').style.visibility = 'hidden';
document.getElementById('business_option').style.height = '0px';

或者对jQuery执行相同的操作：

$("#business_option").css("visibility", "hidden").css("height", "0px");

这里的人会选哪一个？我知道纯JS的执行速度可能略快于jQuery，但jQuery更简洁，编写速度更快！过度依赖jQuery是一种不好的做法吗？你还应该在这样的地方写一点点javascript吗？还是编写更简洁的jQuery更简洁

---

或者有人在乎吗？！：-）

如果这是你的页面的唯一目的，你可以坚持使用纯JS，但我真的建议使用jQuery来完成这项任务。
因为jQuery提供了许多操作内容的方法，所以它被称为“少写多做库”，这是有原因的；-）您还可以向隐藏和显示方法添加效果
请通读这个问题：

---

如果这是你的页面的唯一目的，你可以坚持使用纯JS，但我真的建议使用jQuery来完成这项任务。
因为jQuery提供了许多操作内容的方法，所以它被称为“少写多做库”，这是有原因的；-）您还可以向隐藏和显示方法添加效果
请通读这个问题：

---

事实上我很在乎这些东西。 当我编写代码时，我总是在考虑未来，可能到了无法产生效果的地步。。 无论哪种方式，我在DOM中编辑样式时的第一条规则是永远不要使用javascript。。。。我采用了这种新的思维方式，它让我难以置信地受益匪浅

因此，我的解决方案是：

.invis{
 visibility: hidden;
 height: 0px;
}

$('#business_option').addClass('invis');

我的第一条绩效准则： 担心它的慢后，不要浪费时间试图使不慢的东西更快。太贵了。干净的代码是第一位的

---

此外，这种情况下的类切换比js->css编辑要快得多，因为它避免了冗余回流。样式对象实际上并不存在，它是在“获取”它时创建的（afaik）。

我实际上关心这些东西。 当我编写代码时，我总是在考虑未来，可能到了无法产生效果的地步。。 无论哪种方式，我在DOM中编辑样式时的第一条规则是永远不要使用javascript。。。。我采用了这种新的思维方式，它让我难以置信地受益匪浅

因此，我的解决方案是：

.invis{
 visibility: hidden;
 height: 0px;
}

$('#business_option').addClass('invis');

我的第一条绩效准则： 担心它的慢后，不要浪费时间试图使不慢的东西更快。太贵了。干净的代码是第一位的

---

此外，这种情况下的类切换比js->css编辑要快得多，因为它避免了冗余回流。样式对象实际上并不存在，它是在“获取”它时创建的（afaik）。

在我看来，它取决于以下因素：

• 为其开发的目标浏览器
• 如果性能对您的web应用至关重要

浏览器

如果您正在为各种新旧浏览器开发网站，jQuery的强大功能就是利用浏览器行为上的许多细微差异。您不必记住并应用所有技巧来支持旧IE上的CSS更改，jQuery将解决这些麻烦

性能

相反，在最近的移动设备上，您可以依赖浏览器符合最新标准这一事实，选择纯JS实现。即使是在手机上，随着新浏览器、厂商前缀等的引入，情况也必然会变得一团糟

关于性能，jqueryworks几乎满足了所有网站的需求，没有任何问题。当涉及到web应用程序时，涉及到大量数据和令人眼花缭乱的效果，那么您可能希望使用纯JS优化代码中最昂贵的部分。或者完全摆脱jQuery。与桌面相比，在计算资源有限的移动设备上尤其如此

说到性能，这里有一个更好的编写代码的方法：）

及

---

在我看来，这取决于以下因素：

• 为其开发的目标浏览器
• 如果性能对您的web应用至关重要

浏览器

如果您正在为各种新旧浏览器开发网站，jQuery的强大功能就是利用浏览器行为上的许多细微差异。您不必记住并应用所有技巧来支持旧IE上的CSS更改，jQuery将解决这些麻烦

性能

相反，在最近的移动设备上，您可以依赖浏览器符合最新标准这一事实，选择纯JS实现。即使是在手机上，随着新浏览器、厂商前缀等的引入，情况也必然会变得一团糟

关于性能，jqueryworks几乎满足了所有网站的需求，没有任何问题。当涉及到web应用程序时，涉及到大量数据和令人眼花缭乱的效果，那么您可能希望使用纯JS优化代码中最昂贵的部分。或者完全摆脱jQuery。与桌面相比，在计算资源有限的移动设备上尤其如此

说到性能，这里有一个更好的编写代码的方法：）

及

---

这是页面上运行的唯一JavaScript代码吗？如果您想隐藏元素，最好将

display:none

放在页面上，而不是同时更改

visibility

和

height

如果您在页面上有jquery，那么不使用它会很遗憾。@cimevidas-no，服务器上已经有了其他javascript和jQuerypage@geoid如果jQuery已经包含在页面上

// Single function call
$("#business_option").css( {
  "visibility": "hidden",
  "height": 0
});