<input type="text" value="pls input account name" defaultValue="pls input account value">
<script type="text/javascript">
$("input[type='text']").on("blur focus",function(){
//1 获得默认值
var dv=$(this).attr("defaultValue")
//2 判断当前对象是获得焦点还是失去焦点
if($(this).is(":focus")) {
// 2.1获得焦点,如果为默认值,则清空value 值, this当前执行对象是dom对象
if($(this).val() == dv){
$(this).val("")
$(this).css("color","#000")
}
} else {
//2.2 失去焦点,如果内容为空,则设置默认值,或设置为$(this).val().length == “”
if($(this).val()==""){
$(this).val(dv);
$(this).css("color","#999")//默认值显示为灰
}
}
})
jQuery 梁桐老师笔记-6 选择器筛选案例
最新推荐文章于 2022-08-08 11:29:37 发布