jQuery 示例
本节包含一大堆示例，展示了各种 jQuery 功能和实际效果。
jQuery 基础
- 在 HTML 文档中包含 jQuery
- 使用 jQuery 显示"Hello World"消息
- jQuery 的标准语法
- jQuery 的简写语法
- 使用 jQuery 更改元素的文本颜色
- 使用 jQuery 更改按钮单击时元素的文本内容
jQuery 选择器
- 在 jQuery 中按 ID 选择元素
- 在 jQuery 中按类名选择元素
- 在 jQuery 中按元素名称选择元素
- 在 jQuery 中按属性选择元素
- 在 jQuery 中通过复合 CSS 选择器选择元素
- 通过 jQuery 自定义选择器选择元素
jQuery 事件
- 在 jQuery 中对文档就绪事件运行代码
- 在 jQuery 中对点击事件运行代码
- 在jQuery中双击事件运行代码
- 在 jQuery 中的悬停事件上运行代码
- 在 jQuery 中对 mouseenter 事件运行代码
- 在 jQuery 中对 mouseleave 事件运行代码
- 在 jQuery 中的按键事件上运行代码
- 在 jQuery 中对 keydown 事件运行代码
- 在 jQuery 中对 keyup 事件运行代码
- 在 jQuery 中对更改事件运行代码
- 在 jQuery 中对焦点事件运行代码
- 在 jQuery 中运行模糊事件代码
- 在 jQuery 中对提交事件运行代码
- 在 jQuery 中调整大小事件时运行代码
- 在 jQuery 中对滚动事件运行代码
jQuery 显示和隐藏效果
jQuery 渐变效果
- 在jQuery中创建淡入淡出效果
- 在jQuery中设置淡入淡出效果的持续时间
- 在 jQuery 中创建渐变切换效果
- 在jQuery中设置淡入淡出切换效果的持续时间
- 在 jQuery 中将元素淡化为特定的不透明度
jQuery 滑动效果
jQuery 动画效果
- 在 jQuery 中创建动画效果
- 在 jQuery 中动画化多个 CSS 属性
- 在 jQuery 中仅通过一个动画多个 CSS 属性
- 使用 jQuery 中的相对值对 CSS 属性进行动画处理
- 在 jQuery 中使用预定义值动画 CSS 属性
jQuery 链接
jQuery 回调
jQuery 获取 & 设置内容
- jQuery 获取元素的文本内容
- jQuery 设置元素的文本内容
- jQuery 获取元素的 HTML 内容
- jQuery 设置元素的 HTML 内容
- jQuery 获取元素属性的值
- jQuery 为元素设置属性
- jQuery 为元素设置多个属性
- jQuery 获取表单元素的值
- jQuery 设置表单元素的值
jQuery 插入内容
- jQuery 在元素末尾插入 HTML
- jQuery 在元素开头插入 HTML
- jQuery 多个 HTML 元素在元素的开头或结尾
- jQuery 在元素前后插入 HTML
- jQuery 在元素前后插入多个 HTML 元素
- jQuery 将 HTML 包裹在元素周围
jQuery 删除元素 & 属性
jQuery 添加和删除 CSS 类
- jQuery 为 HTML 元素添加 CSS 类
- jQuery 为 HTML 元素添加多个 CSS 类
- jQuery 从 HTML 元素中删除 CSS 类
- jQuery 一次从 HTML 元素中删除所有 CSS 类
- jQuery 切换 HTML 元素的 CSS 类
jQuery 获取和设置 CSS 属性
jQuery 尺寸
- jQuery 获取元素的宽度和高度
- jQuery 设置元素的宽度和高度
- jQuery 获取元素的内部宽度和高度
- jQuery 设置元素的内部宽度和高度
- jQuery 获取元素的外部宽度和高度
- jQuery 获取外部宽度和高度包含边距区域的元素
- jQuery 设置元素的外部宽度和高度
jQuery 遍历
- jQuery 选择一个元素的直接父元素
- jQuery 选择一个元素的所有祖先元素
- jQuery 选择一个元素的特定祖先元素
- jQuery 选择两个元素之间的所有祖先元素
- jQuery 选择一个元素的直接子元素
- jQuery 选择一个元素的特定后代元素
- jQuery 选择一个元素的所有后代元素
- jQuery 选择一个元素的所有兄弟元素
- jQuery 选择元素的特定同级元素
- jQuery 选择元素的下一个同级元素
- jQuery 选择一个元素的所有下一个兄弟元素
- jQuery 选择两个元素之间的所有以下同级元素
- jQuery 选择元素的上一个同级元素
- jQuery 选择一个元素之前的所有兄弟元素
- jQuery 选择两个元素之间的所有前面的兄弟元素
jQuery 过滤
- jQuery 仅选择第一个元素
- jQuery 仅选择最后一个元素
- jQuery 按索引选择元素
- jQuery 通过负索引选择元素
- jQuery 通过选择器过滤元素的选择
- jQuery 通过自定义函数筛选元素的选择
- jQuery 选择具有特定子元素的元素
- jQuery 选择不符合特定条件的元素
- jQuery 选择未通过的元素某些功能测试
- jQuery 按索引范围选择元素
- jQuery 按负索引范围选择元素
jQuery Ajax
- jQuery 从文件中加载元素内的内容
- jQuery 根据加载请求响应执行代码
- jQuery 从文件中加载选定元素的内容
- jQuery 使用 HTTP get 方法发出 ajax 请求
- jQuery 使用 HTTP get 方法通过 ajax 发送数据
- jQuery 使用 HTTP post 方法通过 ajax 提交表单数据
jQuery 无冲突模式
Advertisements