Я не могу получить текстовое поле HTML в Jquery

Question

Я не могу получить текстовое поле HTML в Jquery

0

Я пытаюсь сделать jquery store своим именем в переменной, а затем показать его, где находится 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 также

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

Maksim Tonyushkin 10 май 2014, в 18:44

Источник

1

Похоже, вы не загружаете JQuery.
David 10 май 2014, в 16:26
0

Смотрите этот jsfiddle.net/h928r ваш код правильный
siraj pathan 10 май 2014, в 16:29
2

Вы получаете какие-либо ошибки в веб-консоли? Это всегда первое место, чтобы посмотреть.
T.J. Crowder 10 май 2014, в 16:29

Показать ещё 1 комментарий

Теги:

javascript

jquery

html

css

1 ответ

Ещё вопросы

Смотрите этот jsfiddle.net/h928r ваш код правильный
Вы получаете какие-либо ошибки в веб-консоли? Это всегда первое место, чтобы посмотреть.

T.J. Crowder · Accepted Answer · 2014-05-10T15-02-00.000Z

Похоже, вы забыли включить jQuery, если только в вашем файле todo.js Если вы это сделаете, все будет хорошо.

Пример - Живая копия

<!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 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>

возможно добавить .mouseleave (function () {$ (". submit"). fadeTo ('slow', 1);}); для полноты?