jQuery 常见用法 Demo（真实可运行）| SE3306

下面 5 张卡片覆盖 jQuery 最常用的几类操作：选择器、DOM 读写、事件与事件委托、显隐动画、表单处理。
代码块就是它下方那块红色虚线区域背后的写法 —— 每一个都能真的点、真的跑。

1 选择器：一句话找到一批元素 $()

下面这一小块里，随便试选择器

第一段

第二段

第三段（class="special"）

试试 .t-item、p.special、#d1-scope li 这些选择器。

2 读写文字、样式、属性 text() / css() / attr()

点下面的按钮，改我的样子

取值和赋值可以写在同一行 —— 这就是 jQuery 的"命令式"手感。

3 事件绑定与事件委托 on()

删除按钮由"事件委托"绑定 —— 后加进来的条目，删除同样有效。

4 显示隐藏、动画与链式调用 hide() / fadeToggle() / animate()

我可以被隐藏、淡出、滑动……

链式：一次拿到的选择集，可以连着做完一串操作。

5 表单：全选、取值与批量处理 prop() / :checked / map()

全选

苹果香蕉橙子葡萄

还没选任何一项。