连续讲了两章废话，不如我们动手使用一下吧。这很激动人心，可是好像我们还没讲什么，怎么去用呢？
安啦安啦，这东西可简单了，一句话语法从头用到尾。简单点总结，就是：
谁，在什么时候/什么情况/的什么属性，怎么样
我知道，你现在并不是很明白，不过你先记住这句话，然后在后面我们学习一句新的 jQuery 用法，你就和这句话对照一下，你会发现终究反反复复就是这一个事情。
那么我们来操作一番~
首先肯定是要准备一个网页文件了，我这里就不写那么完整了，这样凑篇幅下来，除了让大家的鼠标滚轮都滚动两下，也没有什么意义。
<body><input id="miao"><!-- 这里是各种网页元素，我不写了，你知道下面的代码是在努力贴近 /body 标签就好 --><script src="https://cdn.bootcss.com/jQuery/3.4.0/jQuery.min.js"></script><script>// 一会我们在这里写代码哦</script></body>这个结构很简单，结合我们前面所讲的内容，大家应该一下就能够看明白，这里我使用的是 CDN，这样大家直接复制代码就可以测试。（小老鼠已经这么努力的为大家考虑每一个细节了，是不是应该奖励他一杯咖啡呢？
我就不婆婆妈妈的反复嘱咐大家了，如果有问题，先看一看前两章中是不是有自己疏漏的内容哦。我们来继续写：
$('document').ready(function(){})这个代码大家知道放在哪里吧？前一段代码中我已经用注释标明了。这是一个几乎算是固定结构了，反正目前我们使用 jQuery，都是要写它的。那么开始解释：
$是 jQuery 的一个起手式，每次都用，记得一切向钱看；- 第一个小括号里面，描述是谁。这里有一些特殊的名称可用，剩下的，我们使用 CSS 的元素选择器去描述就可以；
- 第一个小括号后面要有一个点（
.），理解为谁“的”也可以，但是并不是在每种情况都能讲通，好在大方向没错； ready是准备好的意思，现在联系前面的内容，差不多可以猜到了，就是当这个文档准备好的时候；- 第二个小括号里面是在这个时候怎么样，就是我们要做什么。我们在里面放了一个函数，表示当文档准备好之后去执行这个函数。
这个结构拆开解析一下就很简单了。为什么这是一个几乎固定的结构呢？因为如果我们要操作这个页面中的元素，那么首先要等这个元素加载出来之后，否则会遇到找不到这个元素的问题。他还没来你就叫他干活，这不可以的。如果把 JS 放在 head 中也可能遇到这种情况。所以我们要等这个页面加载完成之后再去执行我们的操作。
而操作起来也是类似的语法，我们在上面第一段代码中写了一个输入框，现在就来操作一下它。
$('document').ready(function(){$('#miao').val('小老鼠超帅的哦~');})前面说的是哪个元素，就是 id 为 miao 的这个元素。它的 val，就是 value，就是这个输入框的值。这个值是什么呢？后面小括号中的内容，字符串、数字、或者变量、常量，都是可以的。
大家整理一下这些代码，然后去尝试一下效果.看看上面的输入框是不是出来了这些文字。
这个操作不复杂吧？如果结合我们前面所学的内容，用刚才的方法作为一个最后的输出，也是挺不错的。
到目前，我们应该能够稍微感受到一些，jQuery 用起来还是挺简单的。而下一章，我们要见识它更惊艳的一面。
暂无评论内容