cari

Rumah >hujung hadapan web >tutorial js >Kaedah jQuery untuk mendapatkan outerWidth dan outerHeight yang mengandungi margin_jquery

Kaedah jQuery untuk mendapatkan outerWidth dan outerHeight yang mengandungi margin_jquery

WBOY
WBOYasal
2016-05-16 16:07:361129semak imbas

Contoh dalam artikel ini menerangkan cara jQuery memperoleh outerWidth dan outerHeight yang mengandungi margin. Kongsikan dengan semua orang untuk rujukan anda. Butirannya adalah seperti berikut: 

<!DOCTYPE html>
<html>
<head>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
 $("button").click(function(){
  var txt="";
  txt+="Width of div: " + $("#div1").width() + "</br>";
  txt+="Height of div: " + $("#div1").height() + "</br>";
  txt+="Outer width of div (margin included): " + $("#div1").outerWidth(true) + "</br>";
  txt+="Outer height of div (margin included): " + $("#div1").outerHeight(true);
  $("#div1").html(txt);
 });
});
</script>
</head>
<body>
<div id="div1" style="height:100px;width:300px;padding:10px;margin:3px;border:1px solid blue;background-color:lightblue;">
</div>
<br>
<button>Display dimensions of div</button>
<p>outerWidth(true) - returns the width of an element (includes padding, border, and margin).</p>
<p>outerHeight(true) - returns the height of an element (includes padding, border, and margin).</p>
</body>
</html>

Saya harap artikel ini akan membantu pengaturcaraan jQuery semua orang.

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：halaman pemprosesan jquery lapisan pop timbul data pertanyaan operasi menunggu example_jqueryArtikel seterusnya：halaman pemprosesan jquery lapisan pop timbul data pertanyaan operasi menunggu example_jquery

Artikel berkaitan

Lihat lagi