BVS*_*VSK -2 javascript jquery toggle
使用jQuery库在div中淡入淡出.如何切换回原始颜色?(background-color:blue and color:white)
<script>
$(document).ready(function(){
$("#galleryb").click(function(){
$(".panel").fadeToggle(500);
$("#galleryb").css("background-color","#fff");
$("#galleryb").css("color","#000");
});
});
</script>
Run Code Online (Sandbox Code Playgroud)
解:
$(document).ready(function(){
$(".galleryb").click(function(){
$(".panel").fadeToggle(500);
$('.galleryb').toggleClass('cls_name');
});
});
Run Code Online (Sandbox Code Playgroud)
这就是css类的用途.
而不是通过javascript/jQuery操作内联样式,尝试:
CSS:
.cls_name{background:red;color:blue;}
Run Code Online (Sandbox Code Playgroud)
jQuery的:
$('#element').addClass('cls_name');
Run Code Online (Sandbox Code Playgroud)
要么
$('#element').removeClass('cls_name');
Run Code Online (Sandbox Code Playgroud)
要么
$('#element').toggleClass('cls_name');
Run Code Online (Sandbox Code Playgroud)
希望有所帮助.
| 归档时间: |
|
| 查看次数: |
338 次 |
| 最近记录: |