JavaScript 核心知识体系
📜 一、基础语法
- 常量与变量
const声明常量，let声明变量
- 数据类型
Number,String,Boolean,null,undefined,Symbol - 表达式
运算符、逻辑表达式等 - 流程控制
if/else,switch,for,while等 - 数组
创建、遍历及常用方法（push,pop,slice等） - 函数
定义、参数传递、作用域、闭包 - 对象
属性、方法、this关键字、原型链
🌐 二、JS 组成 = ECMAScript + DOM + BOM
🗂 DOM（文档对象模型）
操作 HTML 元素的标准接口，如 document.getElementById()
🖥 BOM（浏览器对象模型）
浏览器交互的核心对象：
| 对象 | 功能描述 | 常用方法/属性 |
|---|---|---|
window | 顶级对象，代表浏览器窗口 | alert(), setTimeout() |
location | 管理当前页面 URL | href, reload() |
history | 访问浏览历史记录 | back(), forward(), go(n) |
cookie | 存储少量数据（需注意安全性） | document.cookie |
localStorage | 本地永久存储（同域共享） | setItem(), getItem(), removeItem() |
sessionStorage | 会话级存储（页面关闭失效） | 同 localStorage 方法 |
⚡ 三、jQuery 核心
瑞士军刀式 JS 库，简化 DOM/BOM 操作
🚀 核心特性
- 起手式
$(() => { // DOM 就绪后执行 }); - 选择器
$("selector")返回 jQuery 对象（支持 CSS1-3 选择器） - 链式调用
$obj.addClass().css().animate()... - 隐式迭代
自动遍历匹配的所有元素（无需手动循环） - 双功能方法
同一方法兼具获取/设置功能（参数决定行为）
🔁 jQuery 对象与 DOM 对象转换
| 操作 | 代码示例 |
|---|---|
| DOM → jQuery | const $elem = $(domElem); |
| jQuery → DOM | const dom = $elem[0]; |
| 获取集合中的 DOM | $elem.get(index) |
🔧 常用方法
| 方法 | 作用 | 示例 |
|---|---|---|
.text() | 获取/设置文本内容 | $("p").text("新内容") |
.html() | 获取/设置 HTML 内容 | $("div").html("<b>加粗</b>") |
.css() | 操作样式 | $("#box").css("color", "red") |
.addClass() | 添加类名 | $("div").addClass("active") |
.on() | 事件绑定 | $("button").on("click", fn) |
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
