Почему мой код jQuery не работает?

-3

Я создал HTML-страницу и добавил jQuery в нее, но она не работает. Не знаю, что я делаю неправильно. Я также искал, но мой код выглядит правильно. но это не работает для меня.
Мой код:
Почему мой код jQuery не работает?

<!DOCTYPE html> 
<html> 

<head> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
    <script> 
     $(document).ready(function() { 
      $("button").click(function() { 
       $("abc").fadeOut("fast"); 
      }); 
     }); 
    </script> 
    <style> 
     .abc { 
      background-color: #FEA2A2; 
      width: 150px; 
      height: 150px; 
      border-radius: 5px; 
     } 
    </style> 
</head> 

<body> 
    <button>Click Me!</button> 
    <div class='abc'></div> 
</body> 

</html>

Согласно кодексу, он должен исчезать из окна, когда кнопка нажата. Но этого не происходит.

источник

2014-04-28 Omer Iqbal

Вам не хватает. перед 'abc'. –

abc должен быть .abc как селектор –

http://jsfiddle.net/2J872/ – Satpal

использование префикс точка для класс. вы пропустите точку для класса

$(".abc").fadeOut("fast");

источник

2014-04-28 10:47:16

Спасибо: D: D –

изменение этой строки:

$("abc").fadeOut("fast");

к:

$(".abc").fadeOut("fast");

у вас есть неправильный селектор JQuery. вам нужно использовать точку (.) для класса.

см documentation

источник

2014-04-28 10:47:28

Для использования селектора . для класса так:

Изменение

$("abc").fadeOut("fast");

$(".abc").fadeOut("fast");

источник

2014-04-28 10:48:48

Спасибо :) :) –

Изменение

<script> 
$(document).ready(function(){ 
$("button").click(function(){ 
$("abc").fadeOut("fast"); 
}); 
}); 
</script>

<script> 
$(document).ready(function(){ 
$("button").click(function(){ 
$(".abc").fadeOut("fast"); 
}); 
}); 
</script>

Как вы используете селектор класса.

источник

2014-04-28 10:48:52

Спасибо :) :) –

Ошибка типографии в вашем селекторе. префикс . для селектора классов

$(".abc").fadeOut("fast");

источник

2014-04-28 10:48:56

спасибо :) :) –

Почему мой код jQuery не работает?

ответ

Смежные вопросы