jQuery 是什么，它能为我们做什么？如果你是一名 Web 开发人员，写过 JavaScript 程序，那么你很可能正在使用 jQuery，即使没有试用过，至少也听说过，事实上 jQuery 可以说是现阶段最流行的 JavaScript 库。据有关部门统计，全球网站上面，约有 28% 的网站在使用 jQuery，这个数字可能有些夸张，但足见 jQuery 受欢迎的程度。本文仅对 jQuery 的使用方法作简单介绍，且作为一个入门教程吧。
下载 jQuery 代码，并在页面中载入
jQuery 代码如何执行
学习编写 jQuery 代码，首先要接触的就是 document ready 这个事件处理机制，几乎你所有的 jQuery 代码都要写在这个事件里面。这个东西主要有两个作用：
确保在网页完全载入完成后，才执行 jQuery 代码。因为如果网页中有 DOM 元素还未完全载入，那么用 jQuery 代码去访问或操作 DOM 元素的话会出错。 一定程度上将 jQuery 代码和其它代码区分开来。
代码写法一般如下：
使用 jQuery 选择器选择 DOM 元素
jQuery 里面封装了一个函数 $("") 让我们在 HTML 文档里面方便地选择 DOM 元素，下面是几个简单的使用方法。
jQuery 自身也定义了一些选择器方法，下面是几个例子：
操作和访问 CSS 中的 class 名称
利用 jQuery 可以为 DOM 元素添加、移除类名，并且使用起来相当之方便。下面是几个典型的使用方法：
当然，你也可以用 jQuery 来检测一下某元素中是否正在使用某个 class，代码如下
用 jQuery 来操作 CSS 中的样式
使用 jQuery 可以轻松的为 DOM元素添加 CSS 样式，下面是几个范例：
在网页中添加、移除、追加 DOM 元素或内容
jQuery 中同样提供了好多种方法来操作 DOM 元素，例如改变操作标签中的文本。。。几个例子如下：
var myElementHTML = $("#myElement").text();
// 获取 ID 为 myElement 的元素中的文本，仅包括文本，HTML 标签除外
类似以上两种方法，还可以改变 DOM 元素中的 HTML 或文本：
$("#myElement").text("This is the new content.");
// #myElement 中的内容将被这行文本替换掉
在元素内追加内容：
对于向元素上追加内容，jQuery 还有其它几种用法，如： appendTo(),prepend(),prependTo(),before(),insertBefore(),after(),insertAfter()，各有其特点，但使用方法和 append() 类似。
jQuery 之事件处理
一些特定的事件处理程序可以用如下方法来实现：
当超链接被点击的时候，function() 里面的代码将被执行。还有其它的一些事件使用方法也一样，如：blur,focus,hover,keydown,load,mousemove,resize,scroll,submit,select。
用 jQuery 隐藏或显示元素
jQuery 也可以非常方便地显示或隐藏 DOM 元素，示例代码如下：
$("#myElement").show("fast",function() {
// 这里可以写一些代码，当元素被隐藏后，这里的代码将被执行
});
$("#myElement").toggle(1000,function() {
// 这里可以写一些代码，当元素被隐藏/显示后，这里的代码将被执行
});
可以看到，当元素显示或隐藏的时候，是慢慢的渐渐变化的，这是因为上面用到了几个速度参数，如 slow，fast，除此之外还有 normal，数字 1000 表示毫秒数，可以自定义。如果没有设置速度参数，那么元素将直接显示或隐藏，一闪而过，没有任何动画效果。后面的第二个参数是一个 function，用来当显示/隐藏完毕后，再执行一些需要的代码，如果不需要，可省略此参数。
另外还有一种“渐隐渐显”的方法，也是动画效果，使用方法如下：
调整元素的透明度：
其中第一个参数是仍然是速度参数，第二个参数是透明度，但三个参数是一个匿名回调函数，当渐变完成后执行。
jQuery 之动画效果
$("#myElement").slideDown("fast",function() {
// .......
});
$("#myElement").slideUp("slow",function() {
// .......
});
$("#myElement").slideToggle(1000,function() {
// .......
});
jQuery 的动画效果还可以应用在改变 DOM 元素样式的时候，使改变样式的过程以平滑过渡的方式进行，而且可以选择需要速度，示例如下：
总的来说，jQuery 的动画效果很强大，但是也有其怪癖（例如要改变颜色的话，可能需要其它特定的插件）。jQuery 还有其它许多动画效果需要不断地去深入学习和挖掘。
原文链接：https://www.f2er.com/jquery/52903.html