bootstrap和jquery优点和区别

短命女 2022-05-20 01:19 205阅读 0赞

# 一、jQuery的优点 #

jquery是JavaScript库,能够极大地简化JavaScript编程,能够更方便的处理DOM操作和进行Ajax交互  
**1、轻量级**  
JQuery非常轻巧  
**2、强大的选择器**  
JQuery允许开发者使用从CSS1到CSS3几乎所有的选择器，以及JQuery独创的高级而且复杂的选择器  
**3、出色的DOM操作的封装**  
JQuery封装了大量常用的DOM操作，使开发者在编写DOM操作相关程序的时候能够得心应手  
**4、可靠的事件处理机制**  
JQuery的事件处理机制吸收了JavaScript专家Dean Edwards编写的事件处理函数的精华，JQuery在处理事件绑定的时候相当可靠。  
**5、完善的Ajax**  
JQuery将所有的Ajax操作封装到一个函数$.ajax()里，使得开发者处理Ajax的时候能够专心处理业务逻辑而无需关心复杂的浏览器兼容性和XMLHttpRequest对象的创建和使用的问题  
**6、链式操作方式**  
JQuery中最有特色的莫过于它的链式操作方式——即对发生在同一个JQuery对象上的一组动作，可以直接接连写无需要重复获取对象  
**7、隐式迭代**  
JQuery里的方法都被设计成自动操作的对象集合，而不是单独的对象，这使得大量的循环结构变得不再必要，从而大幅度地减少代码量。  
**8、行为层与结构层的分离**  
开发者可以使用选择器选中元素，然后直接给元素添加事件。  
**9、开源**  
JQuery是一个开源的产品，任何人都可以自由地使用并提出修改意见

# 二、bootstrap优点 #

Bootstrap是基于HTML,CSS，javascript的前端框架,使用它可以快速的搭建出网站  
**1、跨设备，跨浏览器**  
可以兼容所有现代浏览器  
**2、响应布局**  
bootstrap提供了一套响应式、移动设备优先的流式栅格系统。它可以根据用户屏幕尺寸调整页面，使其在各个尺寸上都表现良好  
**3、CSS模块化**  
bootstrap预先定义了很多CSS类，使用的时候直接给class赋予对应的类名即可，如text-left，text-align，.table等  
**4、内置JavaScript插件**  
Bootstrap提供了很多实用性的JQuery插件，这些插件方便开发者实现WEB中各种常规特效，所以Bootstrap依赖于JQuery  
**5、丰富的组件**  
bootstrap提供了实用性很强的组件，包括：导航，标签，工具条，按钮等供开发者使用

# 三、两者区别 #

(1)jQuery是JavaScript的工具集，说白了jQuery就是JavaScript；而Bootstrap是一个**开发框架**，集成了很多现成的网页格式和网页布局，封装了很多CSS样式和JS代码，可以拿来直接用，只需要把里面想换成自己的内容替换掉，即**bootstrap = 样式库 + 一堆jQuery插件。**  
(2)用Jquery 的话， 如果要做一个网站，PC 端用jQuery-ui 手机端用jQuery mobile【需要做两套网站】，如果用bootstrap的只需要一套就够了。

# 四、[对比流行前端框架][Link 1] #

![这里写图片描述][70]  
[6大主流][6]  
![这里写图片描述][70 1]

[Link 1]: https://www.cnblogs.com/xtdxs/p/6540933.html
[70]: /images/20220520/2a5a78c868794ce59c9f5ec974d5f6ed.png
[6]: http://web.jobbole.com/93233/
[70 1]: /images/20220520/cce2cbe2f7f345108c48a4b54073c972.png