Heim > Web-Frontend > js-Tutorial > Hauptteil

jQuery实现表单input中提示文字value随鼠标焦点移进移出而显示或隐藏的代码_jquery

WBOY
Freigeben: 2016-05-16 18:31:41
Original
1267 Leute haben es durchsucht
复制代码 代码如下:




<script> <BR>$(function(){ <BR>//输入框中文字颜色控制 <BR>$("input:not(:last)").css("color","#999"); <BR>}); <BR>//用户名框鼠标焦点移进,文字消失 <BR>$("input:first").click(function () { <BR>var check1 = $(this).val(); <BR>if (check1 == this.defaultValue) { <BR>$(this).val(""); <BR>} <BR>}); <BR>//用户名框鼠标焦点移出,文字显示 <BR>$("input:first").blur(function () { <BR>$(this).val(this.defaultValue); <BR>}); <BR>//密码框鼠标焦点移进,文字消失 <BR>$("input:eq(1)").click(function () { <BR>var check2 = $(this).val(); <BR>if (check2 == this.defaultValue) { <BR>$(this).val(""); <BR>} <BR>//密码框鼠标焦点移出,文字显示 <BR>$("input:eq(1)").blur(function () { <BR>$(this).val(this.defaultValue); <BR>}); <BR>}) <BR></script>
Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage