jquery和bootstrap知识点归纳.docxVIP

jquery和bootstrap知识点归纳

类别

jQuery知识点

Bootstrap知识点

简介

-jQuery是一个兼容多浏览器的、轻量级的JavaScript库，旨在简化JavaScript的开发

-Bootstrap是一个前端框架（界面工具集），具有移动端优先的设计理念，旨在让Web开发更敏捷

引入方式

-在网页中通过script标签引入jQuery库文件

-在网页中通过link标签引入Bootstrap的CSS文件，以及通过script标签引入Bootstrap的JavaScript文件

核心功能

-强大的选择器

-提供了一套响应式、移动设备优先的CSS规范

-出色的DOM操作的封装

-包含丰富的UI组件库，如按钮、表格、导航栏等

-可靠的事件处理机制

-栅格系统允许网站自动适应不同尺寸的屏幕

-完善的Ajax支持

-隐式迭代：对集合对象做相同操作时不需要逐个进行遍历

选择器

-基本选择器、层次选择器、过滤选择器等

-无特定选择器，但结合CSS选择器使用

DOM操作

-使用$(selector)获取DOM对象

-无需手动操作DOM，通过类名和Bootstrap组件实现样式和布局

-使用.text()、.attr()、.val()等方法操作DOM对象的文本、属性和值

事件处理

-使用$(selector).click(function(){})等形式绑定事件处理函数

-通过data-*属性和JavaScript事件实现交互

插件与扩展

-jQuery提供了大量的插件，可以方便地扩展功能

-Bootstrap也提供了许多插件，如模态框、轮播图等，但通常与jQuery结合使用以增强交互性

响应式设计

-无特定响应式设计功能，但可通过CSS媒体查询实现

-栅格系统和响应式工具类使得页面能够自动适应不同尺寸的屏幕

表格功能

-无特定表格功能，但可通过插件（如DataTables）实现高级表格功能

-BootstrapTable插件为HTML表格添加了分页、排序、搜索等功能