Jquery Add/Remove class on click

Jquery Add/Remove class on click

本文关键字：on click class Remove Add Jquery      更新时间：2023-09-26

我想在段落标记的clok上添加select类。我写了代码，但它不起作用。请提出建议。

代码如下：

<style type="text/css">
    #elm p { background:#FF0000; color:#FFFFFF; font-weight:bold;}
    .select{ background:#000099;}
</style>
<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $('#elm').click( function(){ $("p").addClass('hover') });
    function(){ $("p").removeClass('hover') }
});
});
</script>

尝试使用类似的.toggleClass()

 $(document).ready(function(){
      $('#elm').on('click',function(){
         $("p").toggleClass('hover');
      });
 });

老实说，您的代码有点乱。试着把它清理一下，你应该能够注意到你做错了什么。

如果我理解您的需求，那么您希望在单击父div id="elm"时添加/删除一个类。如果是这样的话，你可以使用Gautam3164提到的toggleClass，尽管我不得不稍微修改代码并做了一些假设，但还是看看这个jsfiddle。

$(document).ready(function(){
    $('#elm').click(function(){ 
        $("p").toggleClass('select') 
    });
});
相关文章：