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 顯示層可以有效地增強網頁交互效果，使得用戶操作更加順暢和友好。同時，它還能夠為用戶提供良好的輸入提示和幫助，增加用戶的使用體驗。