jQuery-DOM操作之html()、text()、val()

html()--类似JS中innerHTML,用来获取或设置某个元素中HTML内容

text()--用来获取或设置某个元素中文本内容

val()--获取或者设置value值，thisdefaultValue 指当前文本框的默认值

val()实例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script type="text/javascript" src='jquery-3.2.1.min.js'></script>
    <script type="text/javascript">
        $(function(){
            a('#address');
            b('#address');
            a('#password');
            b('#password');

            function a(attr){
                $(attr).focus(function() {
                    if ($(this).val() == this.defaultValue) {
                        $(this).val('');
                    }
                });
            }

            function b(attr) {
                $(attr).blur(function() {
                    if ($(this).val() == '') {
                        $(this).val(this.defaultValue);
                    }
                });
            }
        });
    </script>
</head>
<body>
    <input type="text" id="address" value="请输入邮箱地址" name="" />
    <input type="text" id="password" value="请输入邮箱密码" name="" />
    <input type="button" value="登录" name="">
</body>
</html>

 

posted @ 2017-05-17 17:57  影子疯  阅读(315)  评论(0)  编辑  收藏  举报