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