jQuery實現兩個CSS樣式之間的點選切換 阿新 • • 發佈：2018-12-31 指定CSS樣式之間的點選切換 jQuery實現兩個指定樣式的點選切換的效果： 程式碼如下： html程式碼： <div class="green"></div> CSS程式碼： .green{ height:100px; width:100px; background:green; } .red{ height:100px; width:100px; background:red; } jQuery程式碼： 此程式碼使程式碼變為區域性的程式碼 與頁面中的其它的程式碼之間不會輕易發生衝突 將變換的程式碼封裝在一起 方便呼叫 $('div').click(function(){ $(this).toggleClass(function(){ if($(this).hasClass('red')){ $(this).removeClass('red'); return 'green'; }else{ $(this).removeClass('green'); return 'red'; } }) });
