Jquery input 显示层是一种常见的网页交互效果。通过它，我们可以实现输入框在得到焦点时出现提示信息，失去焦点时隐藏提示信息的功能。这种效果可以增加用户的交互体验，让页面更加友好和易用。

//HTML代码
<div class="input-layer">
<input type="text" placeholder="请输入用户名">
<span class="layer-text">请输入用户名</span>
</div>
//CSS代码
input{ border: 1px solid #ccc;}
.input-layer .layer-text{
position:absolute;
z-index:99;
color: #ccc;
left: 5px;
top: 8px;
cursor:pointer;
}

上述代码中，使用了div元素包含 input元素和提示信息所在的span元素。通过CSS设置span元素的定位，使其通过position的absolute属性始终处于input元素下面，达到提示信息的效果。当input元素获得焦点时，通过Jquery代码控制span元素的隐藏与出现。

$(".input-layer input").focus(function(){
$(this).siblings(".layer-text").hide();
}).blur(function(){
if($(this).val() == ""){
$(this).siblings(".layer-text").show();
}
});

通过Jquery的siblings方法，我们可以找到input元素旁边的span元素，并对其进行隐藏和显示的操作。当input元素获得焦点时，隐藏提示信息。当input元素失去焦点时，如果输入框没有被填写内容，则显示提示信息，否则不再显示。

使用Jquery input 显示层可以有效地增强网页交互效果，使得用户操作更加顺畅和友好。同时，它还能够为用户提供良好的输入提示和帮助，增加用户的使用体验。