jquery get css

jquery get css

<style> #box1 {width: 100%; height: 100%; background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjs6iTSCIg-47MFrCnQwLbFznoiHq42QLNjQxshByKNXjMpg6uLDENjRF4kbMcZlXLI4DA_bcJCYT5KAMwsu0N4Ck6S_qr1ThAkP43Oyl-F0YxVac19E7SN3NTyEtsunyuXzBeLpO30Wv0R/s1600/images.jpg"); /*背景圖案*/ background-size: contain; /*底圖就會依照區塊的大小，等比縮放到區塊中*/ background-position: center; /*置中*/ background-repeat: no-repeat; /*背景圖案不重複*/ background-color:#CCCCCC; /*背景的顏色*/ font-size : 25px } </style> <div id="box1">1</div> <script src="https://code.jquery.com/jquery-1.10.2.js"></script> <script> $( document ).ready(function() { DPcss() }); function DPcss(){ var ccsDt = new Array(); var styleProps = $( "#box1" ).css(["width", "height", "background-size", "background-position", "background-repeat" ,"background-color" ,"font-size" ]); $.each( styleProps, function( prop, value ) { ccsDt .push( prop + ": " + value ); }); var DP = "CSS {" DP += ccsDt .join( "<br>           " ); DP += " }" ; $( "#box1" ).html( DP ); }; </script>

00