js實作class樣式的修改、新增及刪除的方法_javascript技巧

本文實例講述了js實作class樣式的修改、新增及刪除的方法。分享給大家供大家參考。具體分析如下：

比較常見的js前端功能，透過修改標籤的className實現對應的功能。

具體程式碼如下：

複製程式碼 程式碼如下:

   
           
           
       
   

js實作class的樣式的修改、新增、刪除	商品編碼  商品貨號  規格名稱
全選	全不選

<script><br /> $('.goods_sale_property').click(function(){//單獨a標籤點選新增cl​​ass<br />     if($(this).hasClass('goods_sale_property_checked')){<br />         $(this).removeClass('goods_sale_property_checked');<br />     }else{<br />         $(this).addClass('goods_sale_property_checked');<br />     }<br /> });<br /> function selectAll(){//全選添class<br />  $('.goods_sale_property').each(function(i){<br />         $(this).addClass('goods_sale_property_checked');<br />  }); <br /> }<br /> function selectNotAll(){//全選刪除class<br />  $('.goods_sale_property').each(function(i){<br /> $(this).removeClass('goods_sale_property_checked');<br />  }); <br /> }<br /> </script>

希望本文所述對大家的javascript程式設計有所幫助。