如何使用jquery找到div的中心

Question

我有一个带id容器的div标签。如何使用jquery或javascript找到它的中心？

<div id="container"></div>

这是css

#container {
    width: 300px;
    height: 300px;
    border: 1px solid red;
}

Answer 1

这是吗？

var cX = $('#container').offset().left + $('#container').width()/2;
var cY = $('#container').offset().top + $('#container').height()/2;

Answer 2

$(function(){
 var $this = $("#container");
 var offset = $this.offset();
 var width = $this.width();
 var height = $this.height();

 var centerX = offset.left + width / 2;
 var centerY = offset.top + height / 2;
 console.log(centerX ,centerY)

})

Answer 3

你应该检查：

1. width / outerWidth
2. height / outerHeight

Answer 4

jQuery方式：

var div = $('#container');
var divCoords = { 
    x : div.width() * 0.5 , 
    y : div.height() * 0.5
};