jquery模拟表单默认值
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script src="jquery-1.7.js"></script>
<script>
$(function(){
var sp1=$("#sp1");
//html()相当于 innerHTML 打印标签中所有的包括标签
//alert(sp1.html());
//text()相当于 innerTEXT 打印标签中的文本信息
//alert(sp1.text());
//val() 相当于 表单.value
// alert($("#te1").val());
//attr("attrName") 相当于原生js的 getAttributes 可以获取自定义属性
alert($("#te1").attr("sky"));
$("#te1").attr("sky","red");
alert($("#te1").attr("sky"));
//removeAttr 删除属性
$("#te1").removeAttr("sky");
alert($("#te1").attr("sky"));
})
//模拟表单默认值
$(function(){
var uname=$("#uname");
var defaultVal=uname.val();
// alert(defaultVal)
uname.focus(function(){
if($(this).val()==defaultVal){
uname.val("");
}
})
uname.blur(function(){
var va=$(this).val();
if(uname.val().length==0){
uname.val(defaultVal);
}
})
})
</script>
</head>
<body>
<span id="sp1"><font color="red">abcde</font></span>
<input type="text" id="te1" value="bbbbb" sky="blue"/>
用户名:<input type="text" id="uname" value="请输入用户名" /><br/>
</body>
</html>