Javascript 我能'；t将HTML文本框放入Jquery_Javascript_Jquery_Html_Css

Javascript 我能'；t将HTML文本框放入Jquery

javascript jquery html css

Javascript 我能'；t将HTML文本框放入Jquery,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我试图让jquery将我的名字存储在一个变量中，然后显示h3所在的位置。我还希望按钮在悬停时褪色 <!DOCTYPE html> <html> <head> <link rel='stylesheet' href='style.css'/> <link rel='stylesheet' href='todo.css'/> <script type='text/javascript' src='todo.js'></s

我试图让jquery将我的名字存储在一个变量中，然后显示h3所在的位置。我还希望按钮在悬停时褪色

<!DOCTYPE html>
<html>
<head>
<link rel='stylesheet' href='style.css'/>
<link rel='stylesheet' href='todo.css'/>
<script type='text/javascript' src='todo.js'></script>
</head>
<body>
<div>
<form><br>
    <h3 id="text">What Is Your Name?</h3><br><br>
    <input id="input" class="text" type="text" name="name" value="">
    <button id="next" class="submit" type="button">Next</button> 
</form>
</div>
</body>
</html>

看起来您忘记包含jQuery了，除非它在您的

todo.js

文件中。如果你这样做，它就可以正常工作

示例-


$（文档）.ready（函数（）{
$（“.submit”）.mouseenter（函数（）{
$（“.submit”）.fadeTo（'slow'，0.15）；
});
$（“.submit”）。单击（函数（）{
var input=$（'#input'）.val（）；
$（'h3'）.text（'Hello，'input+“。让我们开始吧。”）；
});
});


你叫什么名字？


下一个

看起来您忘记了包含jQuery，除非它在您的

todo.js

文件中。如果你这样做，它就可以正常工作

示例-


$（文档）.ready（函数（）{
$（“.submit”）.mouseenter（函数（）{
$（“.submit”）.fadeTo（'slow'，0.15）；
});
$（“.submit”）。单击（函数（）{
var input=$（'#input'）.val（）；
$（'h3'）.text（'Hello，'input+“。让我们开始吧。”）；
});
});


你叫什么名字？


下一个

看起来您忘记了包含jQuery，除非它在您的

todo.js

文件中。如果你这样做，它就可以正常工作

示例-


$（文档）.ready（函数（）{
$（“.submit”）.mouseenter（函数（）{
$（“.submit”）.fadeTo（'slow'，0.15）；
});
$（“.submit”）。单击（函数（）{
var input=$（'#input'）.val（）；
$（'h3'）.text（'Hello，'input+“。让我们开始吧。”）；
});
});


你叫什么名字？


下一个

看起来您忘记了包含jQuery，除非它在您的

todo.js

文件中。如果你这样做，它就可以正常工作

示例-


$（文档）.ready（函数（）{
$（“.submit”）.mouseenter（函数（）{
$（“.submit”）.fadeTo（'slow'，0.15）；
});
$（“.submit”）。单击（函数（）{
var input=$（'#input'）.val（）；
$（'h3'）.text（'Hello，'input+“。让我们开始吧。”）；
});
});


你叫什么名字？


下一个

看起来您没有加载jQuery。请看，您的代码是正确的。您在web控制台中发现任何错误吗？这始终是第一个要查看的地方。看起来您没有加载jQuery。看到了吗？您的代码是正确的。您在web控制台中有任何错误吗？这始终是第一个要查看的地方。看起来您没有加载jQuery。看到了吗？您的代码是正确的。您在web控制台中有任何错误吗？这始终是第一个要查看的地方。看起来您没有加载jQuery。看到了吗？您的代码是正确的。您在web控制台中有任何错误吗？那总是第一个要看的地方。可能是add.mouseleave（function（）{$（“.submit”）.fadeTo（'slow'，1）；}）；为了完整性？可以添加.mouseleave（function（）{$（“.submit”）.fadeTo（'slow'，1）；}）；为了完整性？可以添加.mouseleave（function（）{$（“.submit”）.fadeTo（'slow'，1）；}）；为了完整性？可以添加.mouseleave（function（）{$（“.submit”）.fadeTo（'slow'，1）；}）；为了完整性？

$(document).ready(function(){
$(".submit").mouseenter(function(){
   $(".submit").fadeTo('slow', 0.15);
});
$(".submit").click(function(){
  var input = $('#input').val();
  $('h3').text('Hello, ' + input + ". Let's get started.");
});
});

<!DOCTYPE html>
<html>
<head>
  <!-- Include jQuery -->
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<link rel='stylesheet' href='style.css'/>
<link rel='stylesheet' href='todo.css'/>
  <!-- This script stands in for your todo.js -->
  <script>
    $(document).ready(function(){
      $(".submit").mouseenter(function(){
        $(".submit").fadeTo('slow', 0.15);
      });
      $(".submit").click(function(){
        var input = $('#input').val();
        $('h3').text('Hello, ' + input + ". Let's get started.");
      });
    });

  </script>
</head>
<body>
<div>
<form><br>
    <h3 id="text">What Is Your Name?</h3><br><br>
    <input id="input" class="text" type="text" name="name" value="">
    <button id="next" class="submit" type="button">Next</button> 
</form>
</div>
</body>
</html>