jQuery中几个关于元素宽高方法的区别
案例测试:
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>元素宽度与高度</title> <style type="text/css"> #container{ width:200px; height:200px; padding:20px; margin:30px; border:5px solid red; } </style> <script type="text/javascript" src="jquery-1.11.1.js"></script> <script type="text/javascript"> $(function(){ console.log("width():"+$("#container").width()); console.log("height():"+$("#container").height()); console.log("innerWidth()"+$("#container").innerWidth()); console.log("innerHeight():"+$("#container").innerHeight()); console.log("outerWidth():"+$("#container").outerWidth()); console.log("outerHeight():"+$("#container").outerHeight()); }) </script></head><body> <div id = "container"></div></body></html>
运行结果:
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。