Jquery使用val方法读写value值


Posted in Javascript onMay 18, 2015

本文实例讲述了Jquery使用val方法读写value值。分享给大家供大家参考。具体如下:

<!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 src="jquery-1.6.2.min.js" type="text/javascript"></script>  
<script type="text/javascript">
$(function () {
  $("#btnTest").click(function () {
    //----1.读取value的值
    alert($("#btnTest").val());      
    //----2.设置value的值
    $("#btnTest").val("我是修改后的文本");
  });
});
</script>
</head>
<body>
<input id="btnTest" type="button" value="我是原始文本" />
</body>
</html>

希望本文所述对大家的jQuery程序设计有所帮助。

Javascript 相关文章推荐
javascript innerHTML、outerHTML、innerText、outerText的区别
Nov 24 Javascript
js获取图片大小的函数代码
Sep 20 Javascript
手机端网页点击链接触发自动拨打或保存电话的示例代码
Aug 15 Javascript
jQuery实现的Tab滑动选项卡及图片切换(多种效果)小结
Sep 14 Javascript
jQuery 1.9.1源码分析系列(十五)动画处理之缓动动画核心Tween
Dec 03 Javascript
ajax异步请求详解
Jan 06 Javascript
Node.js 使用命令行工具检查更新
Jun 08 Javascript
jQuery实现简单日期格式化功能示例
Sep 19 jQuery
微信小程序实现点击按钮修改字体颜色功能【附demo源码下载】
Dec 05 Javascript
在vue-cli的组件模板里使用font-awesome的两种方法
Sep 28 Javascript
JsonServer安装及启动过程图解
Feb 28 Javascript
使用vue cli4.x搭建vue项目的过程详解
May 08 Javascript
JQuery中Text方法用法实例分析
May 18 #Javascript
JQuery中attr方法和removeAttr方法用法实例
May 18 #Javascript
JQuery中节点遍历方法实例
May 18 #Javascript
Jquery实现动态切换图片的方法
May 18 #Javascript
JQuery中基础过滤选择器用法实例分析
May 18 #Javascript
JQuery使用index方法获取Jquery对象数组下标的方法
May 18 #Javascript
JQuery中属性过滤选择器用法实例分析
May 18 #Javascript
You might like
thinkPHP2.1自定义标签库的导入方法详解
2016/07/20 PHP
PHP 计算两个时间段之间交集的天数示例
2019/10/24 PHP
JavaScript中“+=”的应用
2007/02/02 Javascript
最近项目写了一些js,水平有待提高
2009/01/31 Javascript
jquery下动态显示jqGrid以及jqGrid的属性设置容易出现问题的解决方法
2010/10/22 Javascript
基于jquery的鼠标拖动效果代码
2012/05/30 Javascript
关于js new Date() 出现NaN 的分析
2012/10/23 Javascript
SeaJS入门教程系列之SeaJS介绍(一)
2014/03/03 Javascript
js 加密压缩出现bug解决方案
2014/11/25 Javascript
javascript常用函数(2)
2015/11/05 Javascript
JavaScript 模块的循环加载实现方法
2015/12/13 Javascript
jQuery插件实现带圆点的焦点图片轮播切换
2016/01/18 Javascript
jQuery插件Echarts实现的渐变色柱状图
2017/03/23 jQuery
js简易版购物车功能
2017/06/17 Javascript
angularjs实现分页和搜索功能
2018/01/03 Javascript
JS实现textarea通过换行或者回车把多行数字分割成数组并且去掉数组中空的值
2018/10/29 Javascript
Vue插件之滑动验证码
2019/09/21 Javascript
JavaScript实现留言板案例
2020/03/17 Javascript
Vue触发input选取文件点击事件操作
2020/08/07 Javascript
python3 与python2 异常处理的区别与联系
2016/06/19 Python
Python中的sort()方法使用基础教程
2017/01/08 Python
python读取excel表格生成erlang数据
2017/08/26 Python
django rest framework vue 实现用户登录详解
2019/07/29 Python
pytorch获取vgg16-feature层输出的例子
2019/08/20 Python
numpy ndarray 取出满足特定条件的某些行实例
2019/12/05 Python
python 输出列表元素实例(以空格/逗号为分隔符)
2019/12/25 Python
Django正则URL匹配实现流程解析
2020/11/13 Python
西班牙国家航空官方网站:Iberia
2017/11/16 全球购物
Gina Bacconi官网:吉娜贝康尼连衣裙和礼服
2018/04/24 全球购物
说出ArrayList,Vector, LinkedList的存储性能和特性
2015/01/04 面试题
信用卡结清证明怎么写
2014/09/13 职场文书
爱情保证书
2015/01/17 职场文书
2015年党员承诺书
2015/01/21 职场文书
初三英语教学计划
2015/01/23 职场文书
使用Redis实现秒杀功能的简单方法
2021/05/08 Redis
Python 内置函数速查表一览
2021/06/02 Python