這里是一個demo假設(shè)有元素有css.change{transition:all1s;}用js修改其樣式window.onload=function(){vardemo=document.querySelector('.demo');demo.style.left='200px';//1demo.style.background='pink';//2demo.classList.add('change');//3}為什么left，background的值是漸變的？明明是先改變值，后添加transition屬性的如果是用jquery，在addClass前添加一個show方法，就可修復(fù)此bug，不過這又是為什么？window.onload=function(){//$('.demo').css({'left':'200px','background':'pink'}).addClass('change');//和上面一樣會漸變$('.demo').css({'left':'200px','background':'pink'}).show().addClass('change');//不會簡便}解決方法，如此便好window.onload=function(){vardemo=document.querySelector('.demo');demo.style.left='200px';//1demo.style.background='pink';//2setTimeout(function(){demo.classList.add('change');//3})}