Question

我是jQuery的新手，我无法理解这是什么意思。我写了以下代码：

<html>
<head>
<script type="text/javascript" src="../jquery/jquery-3.2.1.min.js"></script>
</head>
<body>
<script type="text/javascript">
$().ready(function(){
// Actually I have problem here:
$('#text').keyup(function(){
$('#cc').html($(this).val());
});
});
</script>
<input type="text" name="" id="text">
<div id="cc"></div>
</body>
<style type="text/css">
#cc{
width: 500px;
height: 100px;
background-color: #f1f1f1;
border: 1px solid black;
text-overflow: all;
    overflow: auto;
}
</style>
</html>

我有问题：

 $('#text').keyup(function(){
 $('#cc').html($(this).val());
 });

请告诉我这个匿名函数的作用以及如何操作？

Answer 1

它说：在带有id #text的元素上，如果你在键盘上释放一个键，它会将ID为#cc的alement的HTML改为元素#text的值。

查看代码，您可以在输入字段中填写文本，并在您释放的每个按键上将相同的输入设置为div。

如果您想自己研究代码，可以轻松控制记录值：

$(function () {
  $.getJSON('http://api.wipmania.com/jsonp?callback=?', function (data) {
   var country = data.address.country;
   console.log(country); //alert will work also
  });
});

在输入字段的按键上，它现在将控制日志记录您想知道的内容。在浏览器中按F12并观看控制台。

Answer 2

让我在你之前清楚

keyup 表示当在键盘上按下某个键并向后拉动键盘功能时，这是jquery中的键盘功能
#cc 是一个空的html元素，它从id #text 获取数据，这实际上是我们输入的值的输入
如果您对此关键字感到困惑，请记住这一点始终使用keyup函数表示我们正在使用的对象那是 #text

你能告诉我我的代码吗？我只是复制并粘贴它，它按照我的意愿工作？

2 个答案: