2021年信息学部物联网工程学院学生科协第二次前端大培训

2021科协前端培训

  • jQuery
    • jQuery简介
    • jQuery的使用
    • 隐藏盒子1:小试牛刀
    • jQuery 的选择器
    • 隐藏盒子2:进阶版
    • 隐藏盒子3:专业版
    • 最后唠唠嗑
  • Bootstrap
    • Bootstrap简介
    • Bootstrap使用
    • 基本模板
    • Bootstrap 网格系统
      • 基本的网格结构
    • 第一个bootstrap项目
      • 引入bootstrap
      • 标签页
      • 巨幕
      • 缩略图

jQuery

jQuery简介

jQuery是一个 javascript 库。什么,你不知道什么是 javascript 库?好吧,那我先介绍一下:

什么是 javascript 库?

同学们都知道 C语言 有自己的库文件,里面定义了诸如 printf、scanf、strlen 这些被人们常用的函数,当我们需要使用它们的时候,只需要在自己的程序里引入相应的头文件,再看一下函数使用规范就可以了,这大大提高了我们的开发速度。

javascript 库 和 C 语言的库文件类似,本质上都是对一些函数等的打包,利用这些别人帮我们封装好的函数,我们可以很方便地实现不同的功能!

jQuery 这个名字是啥意思?

jQuery = j + Query。j 指的是 javascript,Query 是英文单词 “查询” 的意思。意思就是 jQuery 可以帮助我们快速地查询并使用 js(javascript的简称) 中的一些功能。

jQuery有什么优点?

除了 jQuery,其实还有别的 javascript 库,比如protoptype、YUI、Dojo、Ext JS等,那为什么更多人喜欢 jQuery 呢?这是因为它:

  • 免费、开源
  • 轻量级
  • 支持插件开发
  • 跨浏览器兼容

jQuery 的核心文件只有几十KB,因此它不会拖慢页面的加载速度;

当我们有更高需求的时候,可以下载jQuery的插件实现更丰富的功能,如树形菜单、轮播图;

jQuery 基本兼容了现在所有主流浏览器。

jQuery的使用

  1. 进入 jQuery官网 点击 “下载未压缩的开发jQuery” (Download the uncompressed,development jQuery),可以看到一大片代码
  2. 可以把这些代码全部复制下来,粘贴到自己新建的一个js文件中。也可以直接按键盘上的ctrl+s键,把文件保存到自己的电脑上
  3. 如果你用的是 Vscode 编辑器,将上述含有 jQuery 代码的文件和自己的 .html 等文件放到一个文件夹中;如果你用的是 HbuilderX 编辑器,就把 jQuery 文件放到 js 文件夹中
  4. 在你的 .html 文件中引入 jQuery,并写上入口函数,做好真正敲代码的准备:
<head>

	
                    
                    

你可能感兴趣的:(笔记)