jquery控制点击文本输入框input 文字隐藏显示

<div class="top_12">
<label>搜索商品</label>
<input type="text" class="p_2">
</div>

<script>
$(function(){
$('label').click(function(){
$(this).css('display','none');
$(this).siblings('input').focus();
});
$('input').focus(function(){
$(this).siblings('label').css('display','none');
});
$('input').blur(function(){
if($(this).val()==''){
$(this).siblings('label').css('display','block');
}
});
});
</script>

posted @ 2016-04-22 09:56  青春在流失  阅读(464)  评论(0编辑  收藏  举报