<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="jquery-2.2.4.min.js"></script> <script> $(window).load(function() { var myDiv = $(‘div‘) //添加CSS样式 myDiv.css({ ‘width‘: ‘200px‘, ‘padding‘: ‘20px‘, ‘height‘: ‘200px‘, ‘background‘: ‘red‘, ‘border‘:"4px solid green", }) //查看盒子相关属性,高度,宽度, alert("heigt:" + myDiv.height()); alert("Interheigt:" + myDiv.innerHeight()); alert("Outterheigt:" + myDiv.outerHeight()); alert("offsetLeft:" + myDiv.offset().left + "right:"+myDiv.offset().right); }); </script> </head> <body> <div></div> </body> </html>
时间: 2024-11-08 01:31:17