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>

时间: 2024-09-26 19:14:30

Jquery 文本框操作的例子的相关文章

jQuery文本框得到与失去焦点动态改变样式效果_jquery

本文实例讲述了jQuery文本框得到与失去焦点动态改变样式效果.分享给大家供大家参考,具体如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <style type="text/css"> body { font: nor

asp.net 初始化文本框的小例子

这篇文章介绍了asp.net 初始化文本框的小例子,有需要的朋友可以参考一下,希望对你有所帮助   复制代码 代码如下: private void ClearAllText(System.Web.UI.Control contrl)   {       int ctl_count=contrl.Controls.Count;    for (int i=0;i<ctl_count;i )    {     foreach(Control ctl in contrl.Controls[i].Con

jQuery 文本框得失焦点的实例介绍

 本篇文章主要是对jQuery 文本框得失焦点的简单实例进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 版本一   css代码部分:   代码如下: .focus {       border: 1px solid #f00;      background: #fcc; }    当焦点获得时,添加focus样式,添加边框,并改背景色为#fcc   html代码部分:  代码如下: <body>     <form action="" method=&qu

jquery文本框中的事件应用以输入邮箱为例_jquery

文本框中的事件应用:以输入邮箱为例,如图: 代码如下: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head

简单实现的JQuery文本框水印插件_jquery

采用JQuery实现文本框的水印效果非常容易,效果如下:   代码片段,定义要应用水印效果的文本框的样式: .watermark { color: #cccccc; } 将JavaScript代码封装成JQuery的插件:  (function ($) { $.fn.watermark = function (options) { var settings = $.extend({ watermarkText: "Input something here", className: &q

jquery 文本框得到和失去焦点的效果

 代码如下 复制代码   <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jquery 文

jquery 文本框赋值

$("#borough_addr_tr").css("display",""); 来实例. <!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www

jQuery文本框(input textare)事件绑定方法教程_jquery

目前1.7以上,jquery​的事件绑定已经用on替换了原来的bind,接下来为大家介绍下bind的使用方法及input textare事件,感兴趣的朋友可以参考下 (1)jquery 绑定事件 目前1.7以上,jquery的事件绑定已经用on替换了原来的bind: 区别:(个人理解)bind是一次绑定事件到每一个子节点:on是只绑定到父节点,然后冒泡到各个子节点: 用法:bind 一个事件,一个方法:$(".class input").bind('click',function(e)

jQuery 文本框事件绑定与取消代码

jquery 绑定事件 目前1.7以上,jquery的事件绑定已经用on替换了原来的bind: 区别:(个人理解)bind是一次绑定事件到每一个子节点:on是只绑定到父节点,然后冒泡到各个子节点: 用法:bind  代码如下 复制代码 一个事件,一个方法:$(".class input").bind('click',function(e){...;e.stopPropagation;}) 两个事件,一个方法:$(".class input").bind('click