我最近刚开始编码，经常遇到一个问题。这就是我试图从现场演示中复制代码的时候，比如这样：https://www.w3resource.com/jquery-exercises/part1/jquery-practical-exercise-17.php
我试过各种各样的组合，但我做不到。我复制了所有提供的文本，但为什么它不起作用？请帮助我理解如何做到这一点，因为有很多很棒的代码我想尝试，但如果它来自现场演示，就无法实现，比如代码上没有显示一些隐藏的代码。
以下是我尝试的方法：
<html>
<head>
<script src="https://code.jquery.com/jquery-git.js"></script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>How to get the value of a textbox using jQuery</title>
</head>
<body>
<input type="text" value="Input text here">
</body>
<script>
$( "input" )
.keyup(function() {
var tvalue = $( this ).val();
console.log(tvalue);
})
.keyup();
</script>
</html>所以让我一步一步地介绍它。
我想您知道代码的其余部分是如何工作的。所以我将只关注您提供的script标签。
这是：
1 $("input").keyup(function() {
2 var tvalue = $(this).val();
3 console.log(tvalue);
4 }).keyup();
让我们一行一行地了解一下：
第1行：它包含三个不同的部分，其中第一个是
$符号，用于定义/访问jQuery(在这种情况下，我们正在访问DOM中的某些内容(。第二部分是"查询(或查找("HTML元素的选择器(在本例中，我们将查找名称为input的HTML标记(。最后，第三部分是对元素执行的jQuery action((，它是keyup操作(当用户释放键盘上的键时，keyup事件会发送到元素，有关它的更多信息，您可以阅读本文(。此外，我们应该在keyup操作中执行一些操作，因此我们需要像您提供的代码一样向其中添加一个函数。第2行：在提供的函数中，我们有一些操作，所以在这一行中，我们做了两件事。首先是用这段代码
$(this).val()来获取查询的元素值，其中第一部分是访问this元素，在我们的情况下它是实际的input(但我强烈建议在这里阅读更多关于this的信息(，在下面我们用val()来获取它的值(val()方法主要用于获取input、select和textarea等表单元素的值。当对空集合调用时，它会返回undefined。(在等式的另一边，我们得到了var tvalue(var是一个声明函数作用域或全局作用域变量的语句，所以我们在这里得到了函数作用域变量tvalue(，它将是undefined，因为我们的方程的右侧得到了求值，然后它将填充我们输入的实际值。第3行：这是我们在这里获得的所有代码中令人惊叹的部分
console.log(tvalue)，console本身不是javascript功能、函数或其他东西，(我们在一些地方看到它会将其作为javascript中的函数引入，但实际上不是(是浏览器API为javascript和浏览器提供通信。因此，每个浏览器都有一个控制台供您使用，当您调用这样的东西时，它只能在浏览器开发工具控制台或IDE终端等奇怪的地方找到(实际上，当您使用SSR时，您会在IDE终端中找到日志(。正如@GabrielePetrioli所说，你可以在这个链接中阅读访问不同浏览器控制台的说明。因此，无论何时调用它，都应该主要在浏览器控制台中查找结果。注意：可以从任何全局对象访问
console对象。浏览范围上的Window和通过属性控制台作为工作者中的特定变体的WorkerGlobalScope。它被公开为Window.console，并且可以被简单地引用为console。您可以在这里阅读有关控制台的更多信息。第4行：它与以前的
keyup完全相同，但它将首次触发keyup事件。