jQuery解决了哪些问题?

jQuery解决了哪些问题?,jquery,Jquery,我知道jQuery是一个功能强大的JavaScript框架,并且已经完成了一些教程。然而,为了帮助我理解,我想知道jQuery是为了解决哪类问题而编写的。它如何使编写JavaScript更容易?一两个本机JavaScript代码示例和使用jQuery的等效代码将非常有用。这就是jQuery发明的原因: jQuery的语法旨在使其更易于导航文档、选择DOM元素、创建动画、处理事件和开发Ajax应用程序。jQuery还为开发人员提供了在JavaScript库之上创建插件的功能。这使开发人员能够为低级

我知道jQuery是一个功能强大的JavaScript框架,并且已经完成了一些教程。然而,为了帮助我理解,我想知道jQuery是为了解决哪类问题而编写的。它如何使编写JavaScript更容易?一两个本机JavaScript代码示例和使用jQuery的等效代码将非常有用。

这就是jQuery发明的原因:

jQuery的语法旨在使其更易于导航文档、选择DOM元素、创建动画、处理事件和开发Ajax应用程序。jQuery还为开发人员提供了在JavaScript库之上创建插件的功能。这使开发人员能够为低级交互和动画、高级效果和高级可主题的小部件创建抽象。jQuery库的模块化方法允许创建强大的动态网页和web应用程序

现在,您可能不再需要jQuery了,因为在现代浏览器中,它的许多功能都是本地存在的(因此性能更高,库开销更少)。退房

DOM选择和添加带有/不带jQuery的类的示例

普通JavaScript:

function addClassF(el, cls) {
  var clss;
  if (typeof cls === "string") {
    clss = cls.split(" ");
  } else if (cls instanceof Array) {
    clss = cls;
  }
  var i = 0,
      len = clss.length;
  for (; i < len; i++) {
    if (el.classList) {
      el.classList.add(clss[i]);
    } else {
      // <= IE8
      el.className += ' ' + clss[i];
    }
  }

}

var foo = document.getElementById( "foo" ); // returns a plain DOM element
addClassF(foo, "class1 class2");

,我目前正在开发一个新的、更新版本的“YouMightNotNeedJquery”,名为-,它可以帮助您了解jQuery并不能真正解决现代开发世界中的任何问题。
var $foo = $("#foo"); // returns a jQuery object
$foo.addClass("class1 class2");