再登录的表单中有这个疑问？

Question

<li> <label for="">账号</label><input type="text" style="color: #999;" value="请输入您的账号" class="account" maxlength="11" onBlur="textBlur(this)" onFocus="textFocus(this)" /> <span class="error error5"></span> </li>.error{ clear: both; color: red; display: block; padding-left: 90px; padding-bottom: 5px; height: 20px; line-height: 20px; float: left; font-size: 12px; }$(function(){ (function login_validate(){ $(".reg-box .account").blur(function(){ reg=/^1[3|4|5|8][0-9]\d{4,8}$/i//验证手机正则 if($(this).val()==" "||$(this).val() == "请输入您的账号"){    $(this).addClass("errorC");/*文本框上加上红色边框*/ $(this).next().html("账号不能为空!"); $(this).next().css("display","block"); } }) })(); })其中的error都设置display:block，但是在js中显示信息的时候还设置css的display为block呢？如果是为了设置它显示出来，那一开始不都是display吗

Answer 1

1.span这个标签一开始设置的display是block状态，这个只是初始化的状态，当然也可以设置为不显示状态(反正span里什么也没有，显不显示都一样)。
2.js中又一次设置了display为block状态，这是不冲突的，相当于设置了两次。
3.假如这里有另外一个函数，在输入账号时，设置span为不显示状态即none。当再次把账号信息删除了，就要在js中重新设置span状态为block。
4.js是动态设置的属性等信息的。css是设置最初的状态。

Answer 2

那是不用设置 display 了