jquery模拟表单默认值

来源：互联网发布：家具木工制图软件编辑：程序博客网时间：2024/06/13 15:56
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>
0 0