<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>通过css方法获取取未声明式样</title> <script src="js/jquery-1.12.4.min.js"></script> <script type="text/javascript"> $(function(){ var $div = $("div"); var $div02 = $(".div02"); //在获取元素的时候, 如果获取的是多个元素, 那么只显示第一个元素. alert($div.css("fontSize")); // alert($div02); // alert会阻止程序继续运行. // $能够获得未设置的默认style式样. $div02.css({'background':'lightgreen','fontSize':'33px'}); var oDiv02 = document.getElementById('div02'); // alert(oDiv02.style.fontSize); // 这里使用原生js,style获取, 却得不到fontSize值, 只因为下方css没有设置相关style. }) </script> </head> <body> <div class="div01" style="font-size: 23px;">这是一个div元素</div> <div class="div02" id="div02">这是一个div元素</div> <div class="div03" style="font-size: 45px;">这是一个div元素</div> </body> </html>