jQuery点击改变CSS

默认打开

<div class="123 ing" id="123">播放</div>
<div class="pic">
<img class="rotate"  src="/upload/magic/98.jpg" style="animation-play-state: running;">
</div>

点击后

<div class="123" id="123">暂停</div>
<div class="pic">
<img class="rotate"  src="/upload/magic/98.jpg" style="animation-play-state: running;">
</div>

DIV默认打开的时候，class=123 ing 如果点击的话class=123.再次点击的时候又切换成默认的了。

如果用jQuery写，怎么才能实现当class=123 ing的时候，img标签是style="animation-play-state: running;"
点击后，当class=123的时候， img标签是style="animation-play-state: paused;"

该回答通过自己思路及引用到GPTᴼᴾᴱᴺᴬᴵ搜索,得到内容具体如下：
你可以使用toggleClass()函数来实现点击切换类名的功能，并使用toggleClass()函数的回调函数来实现切换图片样式的功能。以下是一个示例代码，可以实现你的需求：

<!-- HTML代码 -->
<div class="123 ing" id="123">播放</div>
<div class="pic">
  <img class="rotate" src="/upload/magic/98.jpg" style="animation-play-state: running;">
</div>

// JavaScript代码
$(document).ready(function() {
  // 给class为123的元素添加点击事件
  $('.123').on('click', function() {
    // 切换class
    $(this).toggleClass('ing');
    // 切换图片样式
    $('.rotate').toggleClass('paused', $(this).hasClass('ing'));
    // 如果class为ing，则图片样式为running，否则为paused
  });
});

在这个代码中，我们使用toggleClass()函数来切换class名和图片样式，其中第一个参数为要切换的class名或样式名，第二个参数为一个布尔值，表示是否添加该class或样式。如果class为ing，则图片样式为running，否则为paused。

如果以上回答对您有所帮助，点击一下采纳该答案～谢谢

根据div的css 去改变 img的 css

$(document).ready(function() {  
  $('#123').click(function() {  
    if ($(this).hasClass('ing')) {  
      $(this).removeClass('ing');  
      $('.pic img').css('animation-play-state', 'paused');  
    } else {  
      $(this).addClass('ing');  
      $('.pic img').css('animation-play-state', 'running');  
    }  
  });  
});

$('#123').click(()=>{
    $('#123').toggleClass('ing')
    if($('#123').hasClass('ing')){
        $('.rotate').css('animation-play-state', 'running')
    }else{
        $('.rotate').css('animation-play-state', 'paused')
    }
})