jQuery VS JavaScript原生API

如今技术日新月异，各类框架库也是层次不穷。即便当年漫山红遍的JQuery（让开发者write less, do more，So Perfect!!）如今也有被替代的大势。但JS原生API写法依旧；并且有时候只不过小写一个Demo，或者产品中只有少量的前端效果或DOM操作，就去花时间&空间引入jQuery，或者React？不免有取宰牛之刀以杀鸡之嫌。

在jQuery的温柔乡里，是否还能记得原生她javascript原生？如果仅为使用个选择器($)或者类似的东西，是否真的有必要加载jQuery？故此了解下JS常用原生写法还是蛮有必要的。

[update-2015-12-07]有看到抛弃jQuery，拥抱原生JavaScript一文中提到，jQuery 代表着传统的以 DOM 为中心的开发模式，但现在复杂页面开发流行的是以 React 为代表的以数据/状态为中心的开发模式； React、Angular、Vue 等框架的流行，直接操作 DOM 不再是好的模式，jQuery 使用场景大大减少。

Talk is cheap. Show me the code.直接看代码；以下是jQuery和JavaScript实现相同操作的等价代码：

选择元素

创建元素

添加/移除/切换类

判断是否包含类

添加事件监听器

原生－DOM绑定事件－优化1参考HERE

原生－DOM绑定事件－优化2

设置/获取属性

附加内容（Append）

克隆元素

移除元素

获取父元素

上一个/下一个元素

修改CSS属性

总是通过Javascript修改和检索CSS属性，这样会比使用jQuery CSS函数更加简单快速，并且没有任何不必要的代码。

XHR或AJAX

参考文章：http://www.iteye.com/news/28503 英文原文：http://blog.romanliutikov.com/post/63383858003/how-to-forget-about-jquery-and-start-using-native