你的位置:首页 > Java教程

[Java教程]jquery给input赋值


  1. jquery给input赋值val(val)  
  2.   
  3. val(val)是jquery函数,最容易混淆的是获取input的函数是val();  
  4.   
  5. 区别非常小,一个是带参数,一个是不带参数;  
  6.   
  7. <input name="user" class="txtshort" id="user" value="输入手机号码或邮箱" />  
  8.   
  9. $("#user").val(""); 清空ID为user的值;  
  10.   
  11. 以下是一段常用的在登录时在文本框内用文字提示用户输入的代码  
  12.   
  13. $(document).ready(function() {  
  14.   
  15. $("#user").addClass('phplike_blur');  
  16.   
  17. $("#password").addClass('phplike_focus');  //添加样式,如果无,可以不写  
  18.   
  19. $("#user").focus(function(){ $(this).removeClass('phplike_blur');  
  20.   
  21. if ($("#user").val() == '输入手机号码或邮箱')  //如果值为提示信息,获得焦点时,清空提示信息,样式说明在此省略  
  22.   
  23. {  
  24.   
  25. $(this).addClass('phplike_focus');$("#user").val("");  
  26.   
  27. }  
  28.   
  29. else { $(this).removeClass('phplike_blur'); }  
  30.   
  31. }) $("#user").blur(function(){  
  32.   
  33. if ($("#user").val() == '') //失去焦点时,如果文本框内容为空,则显示提示信息  
  34.   
  35. { $("#user").val("输入手机号码或邮箱");  
  36.   
  37. $(this).addClass('phplike_blur'); }  
  38.   
  39. })  
  40.   
  41. })