随着时间的流逝，jQuery也已经出现十多年了，最近很多人都在说jQuery已经过时了，React和Vue才是主流，学习jQuery没什么意思，但事实上真的是这样吗？
什么是jQuery
简单的说jQuery是一个JavaScript库。发明和使用jQuery目的是简化JavaScript编程，因为原生的DOM很麻烦让你无法忍受，所以就发明jQuery进行简化。后面的React和Vue也是一样的原因，所以用通俗一点的话来讲，就是模板。
根据相关统计，现在世界上还有这超过90%的网站使用jQuery，也就是说如果不学jQuery，那么你就无法维护这些网站。
jQuery到底有多简单？
举个简单的例子，获取div元素
原生JS
document.querySelector('div')
jQuery
$("div")
jQuery 的链式操作（Chaining）
通过jQuery可以把动作/方法链接在一起。链式操作允许我们在一条语句中运行多个jQuery方法（在相同的元素上）。
举个简单的例子
$("#p1").css("color","blue").slideUp(200).slideDown(200);
jQuery的增删改查
- 获取元素
$("div") //获取div元素
$("#xxx").find('.red') //获取#xxx里面的.red元素
$("#xxx").parent() //获取#xxx的爸爸
$("#xxx").children() //获取#xxx的儿子
$("#xxx").siblings() //获取#xxx的兄弟
$("#xxx").index() //获取排行老几（从0开始）
$("#xxx").next() //获取弟弟
$("#xxx").prev() //获取哥哥
$(".XXX").each(fn) //遍历并对每个元素执行fn
- 创建元素
$('<div><span>1</span></div>') //创建div
.appendTo(document.body) //插入到body中
- 删除元素
$div.remove() //删除被选元素（及其子元素）
$div.empty() //从被选元素中删除子元素
- 更改元素
$div.text(?) //读或写文本内容
$div.html(?) //读或写HTML内容
$div.attr('title',?) //读写属性
$div.css({color:'red'}) //读写style $div.addClass('blue') //增加style属性
$div.on('click',fn) //绑定事件
$div.off('click',fn)//移除事件