jquery模拟表单默认值

最新推荐文章于 2022-07-28 11:09:00 发布

mischen520

最新推荐文章于 2022-07-28 11:09:00 发布

阅读量631

点赞数

分类专栏： jquery

本文链接：https://blog.csdn.net/miachen520/article/details/52161443

版权

jquery 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

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>

mischen520

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery模拟表单默认值

jquery模拟表单默认值 $(function(){ var sp1=$("#sp1"); //html()相当于 innerHTML 打印标签中所有的包括标签 //alert(sp1.html()); //text()相当于
复制链接

扫一扫