Jquery 文本框操作的例子

2016-02-22    编辑:kp12345     点击(
文本框是jquery中一个非常常用的一个元素了,我们通常会要对它们进行一些判断与选择操作了,下面一起来看看小编整理的一些Jquery 文本框操作的例子

获取值:

文本框,文本区 域:

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

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

控制表单元素:

文本框,文本区域:

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

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

$("#email").click(function(event){
  if($("#email").attr("value") == "Email"){
   $("#email").attr("value",‘‘)
  }
 });
 $("#password").click(function(event){
  if($("#password").attr("type") == "text"){
   $("#password").remove();
   $("#pass").html("<input type=‘password‘ id=‘password‘ name=‘password‘ />");
  }
  if($("#password").attr("value") == "Password"){
   $("#password").attr("value",‘‘)
  }
 });

例子

<input type="hidden" name="cx" value="partner-pub-7740261255677392:7064996710" />
<input type="hidden" name="ie" value="UTF-8" />
<!--文本框--><input type="text" name="q" size="25" />
<input type="submit" name="sa" value="搜索" />

<script type="text/javascript">
$(document).ready(function () {
$("input[name='q']").focus();
})</script>