JQuery入门（四）-获取和设置元素的值val()

最新推荐文章于 2021-07-02 10:37:27 发布
最新推荐文章于 2021-07-02 10:37:27 发布
阅读量1.2k 收藏
点赞数
分类专栏： 前端技术 文章标签： button Button function FUNCTION Function html Html HTML jquery jQuery JQUERY Jquery JQuery xhtml XHTML
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Solidwang/article/details/6600126
版权
 <!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="scripts/jquery-1.3.1.js"></script>
<script type="text/javascript">
$(document).ready(function(){
 $("#address").focus(function(){
  var txt_value = $(this).val();//获取地址文本框的值
  if(txt_value=="请输入邮箱地址") {
   $(this).val("");
  }
 }); 
 $("#address").blur(function(){
  var txt_value = $(this).val();//获取地址文本框的值
  if(txt_value=="") {
   $(this).val("请输入邮箱地址");
  }       
 });
});
</script>
</head>
<body>
<input type="text" id="address" value="请输入邮箱地址" />
<input type="text" id="password" value="请输入密码" />
<input type="button" value="登录" />
</body>
</html>
Creating
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jQuery获取和设置表单元素的方法
12-12
jQuery提供了val()方法，使用它我们可以快速地获取和设置表单的文本框、单选按钮、以及单选按钮的值。使用val()不带参数，表示获取元素的值使用val()给定参数，则表示把值赋给元素 如下： 代码如下://获取值alert&#...
jquery获取元素值的方法(常见的表单元素)
12-04
jquery radio取值，checkbox取值，select取值，radio选中，checkbox选中，select选中，及其相关 获取一组radio被选中项的值 var item = $(‘input[name=items][checked]’).val(); 获取select被选中项的文本 var ...
20. jQuery-使用val()方法设置和获取元素的值
LiGuogang
12-09 1639
1. 效果图 2. html代码 只有亲自敲出来，你才能体会到这些方法的强大 &amp;amp;lt;!DOCTYPE html&amp;amp;gt; &amp;amp;lt;html&amp;amp;gt; &amp;amp;lt;head&amp;amp;gt; &amp;amp;lt;title&amp;amp;gt;jQuery-使用val()方法设置和获取元素的值&amp;amp;lt;/title&amp
Jquery:$.("#id#).val() 获取不到空格及空格之后的值
ShangQuan2012的博客
09-20 4716
1.中，如果option里的值有空格，只能获取到空格之前的值 。ex:      选项1     只能获取1 1.
jQuery选择器中含有空格的注意事项
昝昝的博客
08-20 1885
选择器中的空格也是不容忽视的，多一个空格和少一个空格会得到不同结果 例子如下： &lt;div class="test"&gt; &lt;div style="display:none;"&gt;aa&lt;/div&gt; &lt;div style="display:none;"&gt;bb&lt;/div&gt; &lt;d
jquery 动态创建input，value有空格取值不全问题
weixin_40719943的博客
12-06 1433
Jquery动态创建input的元素设置value属性时，要多加一组单引号。 原因：不加一组单引号引起的问题是，当Name有空格时，value只显示Name的部分。 $input= $("&lt;input  type='text' ;value='" +Name+ "'&gt;&lt;/input&gt;"); $div.append($input);...
jQuery 获取和设置select下拉框的值实现代码
12-01
获取Select ： 获取select 选中的 text : $(“#ddlRegType”).find(“option:selected”).text(); 获取select选中的 value: $(“#ddlRegType “).val(); 获取select选中的索引: $(“#ddlRegType “).get(0)....
jQuery判断自定义属性data-val用法示例
10-17
主要介绍了jQuery判断自定义属性data-val用法,结合实例形式分析了jQuery自定义属性的定义与简单使用技巧,需要的朋友可以参考下
详解jQuery获取特殊属性的值以及设置内容
12-08
val方法适用于设置和获取表单元素的值，例如input、textarea的值 //获取name的值 $("#name").val(""); //设置name的值 $("#name").val("张三"); html方法 html方法相当于innerHTML，会识别html标签 //获取内容的值...
jQuery特殊属性之val方法
机器猫不吃鱼的博客
09-15 697
jQuery之val方法
（十）jQuery设置获取表单字段的值val()
北斗星的爱886的博客
07-02 663
val()方法 val()方法主要设置或获取表单中input的值。 <input type="text" value="Hello World"/> //获取input值 $('.input').val();//Hello World //设置input值 $('.input').val('Hello Kitty');
JQuery技巧|教你如何更快的赋值取值
yeana1的博客
07-05 2077
显示数据时，常规赋值与取值是这样的. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 // set $("#name").val(data.name); $("#realname").val(data.realname); $("#add
妙用Jquery的val()方法
空気力学少女の诗
03-15 818
看下面的一个例子： 复制代码 代码如下:<input type="text" id="address" value="请输入邮箱地址"/> <br/><br/> <input type="text" id="password" value="请输入邮箱密码"/> <br/><br/> <input type="button" value="登陆"/> 代码： 复制代码 代码如下:$("#
利用jQuery中的val()属性完成默认登陆框
每天进步一点点
08-05 511
在网站中，我们经常遇到这样的登陆界面：当鼠标聚焦到邮箱地址文本框时，文本框中的“请输入邮箱地址”文本被清空，当鼠标移开时，文字自动还原的情况。如下图：    当鼠标移入输入框并点击时，文字会消失或变淡，下面我们就用jQuery完成如图的效果。    首先，我们写两个文本框的代码并设置默认值，代码： 完成后效果如下图： 现在就用jQuery中的val(
jQuery——val() 方法的使用
Searchin_R的博客
10-11 2012
先看一下val()的定义。 val() 方法返回或设置被选元素的值。 元素的值是通过 value 属性设置的。该方法大多用于 input 元素。 如果该方法未设置参数，则返回被选元素的当前值。  从定义可以知道，val()一般有两个用途：返回被选元素的值与设置被选元素的值。下面来看一下如何用val()来实现这两个功。 1.设置被选元素的值。 语法： $(selector).va...
百度地图，搜索得到经纬度和地址
杨葱儿
01-11 735
&lt;input type="text" id="address" value="" placeholder="点击获取" onfocus="getaddr()" style="width: 80%;height: 45px;border:1px solid #d7d7d7;border-radius: 5px;" /&gt;     var lo = '';
jquery查找find()、取值val()
三九四的慢腾腾宫
07-31 8147
jquery取值：val（） $(this).val()；
03.获取和设置元素特性的值
清山博客
01-02 1075
function attr(elem, name, value) {    //确保提供的name是正确的    if ( !name || name.constructor != String ) return '';    // 检查name是否处在怪异命名的情形中    name = { ‘for': 'htmlFor', 'class': 'className' }[name] || name;    // 如果用户传入了value；    if ( value != null ) {       
利用jQuery获取和设置HTML页面元素的方法有哪些
最新发布
06-12
jQuery是一个JavaScript库，提供了许多用于获取和设置HTML页面元素的方法。以下是一些常用的方法： 1. `$(selector).html()`: 获取或设置元素的HTML内容。 2. `$(selector).text()`: 获取或设置元素的文本内容。 3....

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值