jQuery 教程
jQuery 是一个 JavaScript 库。
jQuery 极大地简化了 JavaScript 编程。
jQuery 很容易学习。
本章节的每一篇都包含了在线实例
通过本站的在线编辑器,你可以在线运行修改后的代码,并查看运行结果。
实例
$
(
document
)
.
ready
(
function
(
)
{
$
(
"
p
"
)
.
click
(
function
(
)
{
$
(...
jQuery 事件
jQuery 是为事件处理特别设计的。
什么是事件?
页面对不同访问者的响应叫做事件。
事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。
实例:
在元素上移动鼠标。
选取单选按钮
点击元素
在事件中经常使用术语"触发"(或"激发")例如: "当您按下按键时触发 keypress 事件"。
常见 DO...
jQuery 语法
通过 jQuery,您可以选取(查询,query) HTML 元素,并对它们执行"操作"(actions)。
jQuery 语法
jQuery 语法是通过选取 HTML 元素,并对选取的元素执行某些操作。
基础语法: $(selector).action()
美元符号定义 jQuery
选择符(selector)"查询"和"查找" HTML 元素
jQuery 的 action() 执...
jQuery 安装
网页中添加 jQuery
可以通过多种方法在网页中添加 jQuery。 您可以使用以下方法:
从 jquery.com 下载 jQuery 库
从 CDN 中载入 jQuery, 如从 Google 中加载 jQuery
下载 jQuery
有两个版本的 jQuery 可供下载:
Production version - 用于实际的网站中,已被精简和压缩。
Development versio...
jQuery 简介
jQuery 库可以通过一行简单的标记被添加到网页中。
您需要具备的基础知识
在您开始学习 jQuery 之前,您应该对以下知识有基本的了解:
HTML
CSS
JavaScript
如果您需要首先学习这些科目,请在我们的 首页 查找这些教程。
什么是 jQuery ?
jQuery是一个JavaScript函数库。
jQuery是一个轻量级...
jQuery 效果- 隐藏和显示
隐藏、显示、切换,滑动,淡入淡出,以及动画,哇哦!
点击 显示/隐藏面板
因为时间是宝贵的,我们提供快捷方便的学习方法。
在菜鸟教程,你可以学习需要的知识。
实例
jQuery hide() 简单的jQuery hide()方法演示。
jQuery hide() 另一个hide()实例。演示如何隐藏文本。
jQuery hide...
jQuery Callback 方法
Callback 函数在当前动画 100% 完成之后执行。
jQuery 动画的问题
许多 jQuery 函数涉及动画。这些函数也许会将 speed 或 duration 作为可选参数。
例子:$("p").hide("slow")
speed 或 duration 参数可以设置许多不同的值,比如 "slow", "fast", "normal" 或毫秒。
实例
以下实例在隐藏...
jQuery 停止动画
jQuery stop() 方法用于在动画或效果完成前对它们进行停止。
停止滑动
点击这里,向上/向下滑动面板
时间是宝贵的,因此,我们为您提供快捷易懂的学习内容。
在这里,您可以通过一种易懂的便利的模式获得您需要的任何知识。
实例
jQuery stop() 滑动 演示 jQuery stop() 方法。
jQuery stop(...
jQuery 效果- 动画
jQuery animate() 方法允许您创建自定义的动画。
jQuery 动画实例
jQuery
jQuery 动画 - animate() 方法
jQuery animate() 方法用于创建自定义动画。
语法:
$(
selector).animate({
params}
,speed,callback);
必需的 params 参数定义形成动画的 CSS 属性。
可选的 speed 参...
jQuery 效果 - 滑动
jQuery 滑动方法可使元素上下滑动。
点击这里,隐藏/显示面板
一寸光阴一寸金,因此,我们为您提供快捷易懂的学习内容。
在这里,您可以通过一种易懂的便利的模式获得您需要的任何知识。
实例
jQuery slideDown() 演示 jQuery slideDown() 方法。
jQuery slideUp() 演示 jQuery slideUp(...