jQuery如何测试某个元素是否可见

HTML

<h2 id="h2-caption">jQuery如何测试某个元素是否可见</h2>
<hr><br>
<input type="button" id="id-button-check" value="如何测试某个元素是否可见"/><br>
<p>
    <div id="id-div" style="width:256px;height:64px;font-size:13.5px;background-color:#C8C8C8;">测试某个元素是否可见</div>
</p>
<br><hr>
<div id="div-log">
    <p>日志记录：</p>
</div>
					    

JS

$(function(){
	$("#id-button-check").click(function(){
		if($("#id-div").is(":visible")){
			$("#id-div").hide(1000);
			$("#div-log").html($("#div-log").html()+"<p>测试结果："+"div元素可见"+"</p>");
		}else{
			$("#id-div").show(1000);
			$("#div-log").html($("#div-log").html()+"<p>测试结果："+"div元素隐藏"+"</p>");
		}
	});
});