jQuery解决了哪些问题?

时间:2016-02-25 12:32:36

标签: jquery

据我所知,jQuery是一个功能强大的JavaScript框架,并完成了一些教程。但是,为了帮助我理解,我想知道jQuery编写的哪类问题需要解决。它如何使编码JavaScript变得更容易?一个或两个原生JavaScript代码和使用jQuery的等效代码将非常有用。

1 个答案:

答案 0 :(得分:4)

这就是jQuery被发明的原因:

  

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

https://en.wikipedia.org/wiki/JQuery

现在,您可能不再需要jQuery,因为在现代浏览器中,它的许多功能本身存在(因此性能更高,库开销更少)。查看youdontneedjquery

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");

使用jQuery:

var $foo = $("#foo"); // returns a jQuery object
$foo.addClass("class1 class2");