目录
- 一、JavaScript概述
- 1.1 引入方式
- 二、基础语法
- 2.1 变量
- 2.2 数据类型
- 2.3 运算符
- 2.4 对象
- 三、jQuery
- 3.1 引入依赖
- 3.2 jQuery语法
- 3.3 jQuery选择器
- 3.4 jQuery事件
- 3.5 操作元素
- 3.6 常用方法
一、JavaScript概述
JavaScript（简称JS）是一种脚本语言，既可以解释执行也可以即时编译。尽管它最初是作为开发网页的脚本语言而广为人知，但它也被广泛应用于许多非浏览器环境中。
1.1 引入方式
| 引入方式 | 语法描述 | 示例 |
|---|---|---|
| 行内样式 | 直接嵌入到HTML元素内部 | |
| 内部样式 | 在 |
|
| 外部样式 | 通过 |
区别：
- 内部样式会导致代码冗余，不利于后期维护，因此不常用。
- 行内样式适用于简单样式，只对特定标签有效，不能编写复杂的JS。
- 外部样式实现了HTML和JS的完全分离，是企业开发中常用的方法。
二、基础语法
2.1 变量
在JavaScript中，创建变量有三种方式：变量定义、变量声明和变量初始化。
| 关键字 | 解释 | 示例 |
|---|---|---|
| var | ES5中声明变量的关键字，作用域在该语句的函数内 | var name = 'zhangsan'; |
| let | ES6中新增的声明变量的关键字，作用域为该语句所在的代码块内 | let name = 'zhangsan'; |
| const | 声明常量的关键字，声明后不能修改 | const name = 'zhangsan'; |
JavaScript是一门动态弱类型语言，变量可以存放不同类型的值。
命名规则：
- 可以包含字母、数字、下划线（_）或美元符号（$）。
- 数字不能开头。
- 建议使用驼峰命名法。
2.2 数据类型
| 数据类型 | 描述 |
|---|---|
| number | 数字类型，不区分整数和小数。 |
| string | 字符串类型，字符串值需要使用引号引起来，单引号和双引号均可。 |
| boolean | 布尔类型，true表示真，false表示假。 |
| undefined | 表示变量未初始化，只有一个值undefined。 |
2.3 运算符
| 运算符类型 | 运算符 |
|---|---|
| 算术运算符 | + - * / % |
| 自增自减运算符 | ++ -- |
| 赋值运算符 | = += -= *= /= %= |
| 比较运算符 | < > <= >= ==（会进行隐式类型转换）===（不会进行隐式类型转换） |
| 逻辑运算符 | && || ! |
| 位运算符 | & 按位与 | 按位或 ~按位取反 ^按位异或 |
| 移位运算符 | `<< 左移 >> 有符号右移(算术右移) >>> 无符号右移(逻辑右移 |
文章整理自互联网，只做测试使用。发布者：Lomu，转转请注明出处：https://www.it1024doc.com/4629.html
