【C029130】有如下HTML片段：

<p><label>用户名</label>：<input type="text" value="请输E-mail" name="userName" /> <span class="tips"></span></p>

<p><label>密码</label>：<input type="text" value="请输入密码" name="password" /> <span class="tips"></span></p>

使用jQuery实现当“用户名”对应的input元素获得焦点时，将该输入框内文字设置为空，并在它后面的span元素中显示提示语“请输入您的E-mail地址”，则下列选项正确的是( )。

• A.var $userName=$("input:text");
  
  var $userNameValue=$userName.text();
  
         $userName.blur(function(){
  
              if($userNameValue=="请输E-mail"){
  
                    $userName.text("");
  
                    $(this).css("border","1px solid green").next().html("请输入您的E-mail地址");
  
                     return false;
  
                }
  
  })

• B.var $userName=$(":text");
  
  var $userNameValue=$userName.val();
  
         $userName. blur(function(){
  
              if($userNameValue=="请输E-mail"){
  
                    $userName.val();
  
                    $(this).css("border","1px solid green").after().text("请输入您的E-mail地址");
  
                     return false;
  
                }
  
  })

• C.var $userName=$("[name=userName]");
  
  var $userNameValue=$userName.val();
  
         $userName.focus(function(){
  
              if($userNameValue=="请输E-mail"){
  
                    $userName.val("");
  
                    $(this).css("border","1px solid green");
  
                    $(".tips").text("请输入您的E-mail地址");
  
                     return false;
  
                }
  
  })

• D.var $userName=$("input[name=userName]");
  
  var $userNameValue=$userName.val();
  
         $userName.focus(function(){
  
              if($userNameValue=="请输E-mail"){
  
                    $userName.val("");
  
                    $(this).css("border","1px solid green").next().text("请输入您的E-mail地址");
  
                     return false;
  
                }
  
  })