原因应该是 react ，angular 和 vue 的崛起！在它们三足鼎立并快速发展的时代，jquery 的 dom 操作貌似变成了劣势。
而且在大前端时代，主张前后端分离的趋势下，这些 react ，angular 和 vue 组件化很方便，尤其是各种 UI 组件库的出现，让前端的编程方便，快捷了不少。
但是目前来讲 jquery 的市场还是很大的，一时半会替代不了。
css选择器加.是类选择器，选择与class属性相匹配的类名
可以。jquery选择器是一种非常强大的页面元素查询与控制功能，它支持各种不同的选择条件组件，比如匹配某个属性，包含某个关键字，或者满足某种父子节点结构的条件等，都可以实现对两个或多个元素的筛选，从而实现您提到的这种效果。希望以上回答可以帮助到您。
第一步，下载库文件，引入到你的项目，第二步，看教程案例，推荐看菜鸟教程，比较容易理解，jq是一个js库，它重在操作dom，内置了很多的方法，他有最全的选择器，就是为了简化js的操作，相对来说，比较容易学。可以把里面的每个案例代码拷贝到你的项目，然后浏览器查看效果，改动代码，再查看效果，一般就是这样学习的。
偶自己总结了一下，jq就是HTML方法，css方法，事件方法，效果方法，选择器，以及ajax请求。刚开始学的话，推荐你先看效果方法，比如元素的显示隐藏，滑动等效果，因为这个比较有意思，而且会让你觉得很有成就感，不枯燥。
最后，你可以试着做写案例来巩固。