夏日博客

A-A+

Jquery 文本框操作的例子

2016年01月09日 前端设计 暂无评论 阅读 6 views 次

文本框是jquery中一个非常常用的一个元素了，我们通常会要对它们进行一些判断与选择操作了，下面一起来看看小编整理的一些Jquery 文本框操作的例子

获取值：文本框，文本区 域：

$("#txt").attr("value")；

$("#txt").val();

控制表单元素：文本框，文本区域：

$("#txt").attr("value",'');// 清空内容

$("#txt").attr("value",'11');//填充内容

例子，对于文本框的值进行选择与判断清空操作

  1. $("#email").click(function(event){  
  2.   if($("#email").attr("value") == "Email"){  
  3.    $("#email").attr("value",‘‘)  
  4.   }  
  5.  });  
  6.  $("#password").click(function(event){  
  7.   if($("#password").attr("type") == "text"){  
  8.    $("#password").remove();  
  9.    $("#pass").html("<input type=‘password‘ id=‘password‘ name=‘password‘ />");  
  10.   }  
  11.   if($("#password").attr("value") == "Password"){  
  12.    $("#password").attr("value",‘‘)  
  13.   }  
  14.  });  

例子:

  1. <input type="hidden" name="cx" value="partner-pub-7740261255677392:7064996710" />   
  2. <input type="hidden" name="ie" value="UTF-8" />   
  3. <!--文本框--><input type="text" name="q" size="25" />   
  4. <input type="submit" name="sa" value="搜索" />  
  5. <script type="text/javascript">   
  6. $(document).ready(function () {   
  7. $("input[name='q']").focus();   
  8. })</script>  
标签：

给我留言