Добавить класс CSS на div

Question

Добавить класс CSS на div

0

У меня есть следующий код html, и я хочу добавить на клик класс "rotate" (который я включил в мой css) в div с классом "barklogo",

<div class="barklogo loaded" data-width="40" data-anim="left">
<img src="/images/home/button.png" border="0" alt="Demo image">
</div>

Я нашел подобный пост здесь

JQUERY - добавьте CSS-класс в элемент BUTTON после щелчка

Но когда я введу следующий код в файл js, он не будет работать

 $(document).ready(function(){
  $('barklogo').click(function(){
       $(this).addClass('rotate');
  });
 });

Вот код css для класса.rotate

.rotate{
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
}

Большое спасибо!

user3051930 30 нояб. 2013, в 12:45

Источник

Теги:

javascript

jquery

html

css

5 ответов

Ещё вопросы

Satpal · Answer 1 · 2013-11-30T08-59-00.000Z

Вы должны использовать . с именем класса в jquery.

 $('.barklogo').click(function(){

Селектор классов (".class")

Somnath Kharat · Answer 2 · 2013-11-30T08-39-00.000Z

Вы также можете сделать это: Использовать . когда вы используете селектор классов

$(document).ready(function(){
  $('.barklogo .loaded').click(function(){
       $(this).addClass('rotate');
  });
 });

Ваш селектор неверен. $('.barklogo .loaded') находит все элементы с loaded классом, которые являются потомками элемента с классом barklogo .

Krish R · Answer 3 · 2013-11-30T08-38-00.000Z

Вы пропустили добавить . в селекторе,

    $(function(){
      $('.barklogo').click(function(){
           $(this).addClass('rotate');
      });
     });

Chetan Prajapati · Answer 4 · 2013-11-30T10-44-00.000Z

Это действительно работает таким образом. Но если вы хотите безопасно использовать addClass, который уже имеет более одного класса в div, чем использовать addClass для деления по его идентификатору. например,

$("#div_id").click(function(){
    //code 
});

Это ваш полезный путь для этого вопроса.

<script>

$('.barklogo').click(function(){
           $(this).addClass('rotate');
      });

</script>

Roopendra · Answer 5 · 2013-11-30T10-14-00.000Z

Вы пропустили . для селектора классов в jquery

Изменить $('barklogo').click(function(){ to $('.barklogo').click(function(){