的jQuery的CSS，如何把它翻譯成JavaScript

我有以下的jQuery代碼：的jQuery的CSS，如何把它翻譯成JavaScript

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script> 
<script type="text/javascript"> 
    $(document).ready(function() { 


     setTimeout(function() { 
     $('.green.bar .inner').css('width', '20%') 
     },1000); 


    }); 
</script>

和HTML是：

<div class="green bar"> 
<div class="inner" style="width:10%"></div> 
</div>

我該怎麼辦jQuery的代碼確實使用的是什麼剛JavaScript的？

非常感謝

來源

2011-09-29 user712027

這是JavaScript代碼。 – BoltClock

只要讓步並來到黑暗的一面。不要讓你的生活變得更加困難，試圖做一些jQuery已經爲你做的事情。 –

當他說「只是JavaScript」時，我認爲他的意思是「沒有jQuery」。說實話，我完全使用jQuery，所以我不必用普通的javascript編寫它。 –

如果你的意思是不使用jQuery：

// If you only want to operate on the first match 
setTimeout(function(){ 
    document.querySelector('.green.bar .inner').style.width = '20%'; 
});

或者：

// If you want to operate on all matches 
setTimeout(function(){ 
    var elements = document.querySelectorAll('.green.bar .inner'); 
    for(e in elements){ 
     elements[e].style.width = '20%'; 
    } 
});

來源

2011-09-29 14:05:04

對於OP，請記住，這將適用於大多數瀏覽器，但在IE世界中，IE8及更高版本。特別是那些支持W3C選擇器API –

的令人驚歎的，正是我期待的！萬分感謝！！ – user712027

的jQuery的CSS，如何把它翻譯成JavaScript

回答

相關問題