上一章，我们知道了如何用 JQ 设置一个输入框的值。抛开基础结构，就只是一个简单的语句，如果肯动手写两次，现在应该已经觉得简单到乏味了。
很明显，这种方法可以作为程序的一种输出方式，比如说，用这种方式来输出一个计算结果。虽然不是多么完美的方式，但这对于我们来说依旧是一个重要的里程碑，因为这是我们真正的在页面中进行输出。
可是光有输出还不够用呀，如果能够在有输入，那么就可以制作美好的交互了。输入也很简单啊，我们还用这句话就可以进行输入了。
首先，我们设定输入框的值是这样写的：
$('#miao').val('稻米鼠特别的可爱~');而如果我们要获取这个输入框的值，可以这样写：
const input_value = $('#miao').val();就是把这个元素的值放在前面所声明的常量之中，诶，要不要这么简单？！
需要注意的是，最后的小括号里就别再写内容了，否则的话……嘿，动手尝试一下啊，总不能等着我把每一种可能性都讲给你吧~
因为我们现在还不知道如何在合适的时机去触发程序的执行，所以好像并没有办法用它来做一个计算器。说直白点就是，我们还不知道如何告诉程序，该开始计算了。
如果只是想看一下效果，那么可以给这个输入框一个初始的值，然后使用 JQ 进行获取，再用各种方式输出，也可以输出到另外一个输入框中。
但如果你希望让两个输入框进行联动，比如我在 A 输入框中输入什么，就在 B 输入框中显示什么，还是做不到的。这依旧是一个执行时机的问题，我们现在刚刚学会，让代码在文档准备好之后，立刻执行。执行之后，就没什么了。而此时我们再对输入框的内容进行修改，当然不会产生预想中的联动。就好像早晨 8:00 发车，那么在 8:00 以后到来的人肯定是坐不上车的。
接下来再讲两个非常相似的方法：html 用来获取或者设置元素的 HTML 代码；text 用来获取或者设置元素的文本内容。它们的使用和 val 方法一样。不过要注意非表单元素，并不具有 value 属性，也就没有办法使用 val 方法。
设置元素中的代码还是很容易理解的，就是把这个元素中的所有代码都换成我们设置的内容。需要注意的就是所有，如果你希望追加或者删减，或者对原有内容进行任何其他的操作，那么可以先获取它原有的代码，进行修改之后再设置回去。
元素类的文本，这样说起来仿佛能听懂，但仔细思考一下就很复杂了。首先依旧是所有，也就是通过这个方法设置之后，用我们给出的文本替换掉元素中原有的所有内容。如果这个元素中包含有其他元素呢？当然也就被一起替换掉。
应该已经感觉出来了，这两个方法非常类似，如果我用 html 方法去设置元素的文本不可以么？当然可以，这是一个很合理的操作。那为什么还有一个 text？答案很简单，就是为了省事。
这里要先讲另外一个概念，不知道大家有没有思考过，如果我希望在网页中显示 < 和 > 应该怎么去写？为什么我们输入连续的空格在网页之中只会显示出来一个？换句话说，我们在网页代码中使用了那么多符号，他们作为代码去执行而不显示出来，可是当我希望在网页中显示这些符号的时候，又该怎么去做？
暂无评论内容