jquery获取元素高度代码实例
分类:实例代码
本章节分享一段简单的代码实例,它实现了获取元素高度的功能。
虽然代码极其的简单,竟然还有初学者朋友对此还不太了解,代码实例如下:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.pipipi.net/" /> <title>前端教程网</title> <style type="text/css"> div { width:200px; height:100px; background:#ccc; text-align:center; line-height:100px; } </style> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <script> $(document).ready(function () { $("div").text($("div").height()); }) </script> </head> <body> <div></div> </body> </html>
上面的代码实现了我们的要求,下面介绍一下它的实现过程。
相关阅读:
(1).text()方法可以参阅jQuery text()一章节。
(2).height()方法可以参阅jQuery height()一章节。