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 相关文章推荐
JSON 和 JavaScript eval使用说明
Jun 13 Javascript
JS如何将数字类型转化为没3个一个逗号的金钱格式
Jan 27 Javascript
js中字符串编码函数escape()、encodeURI()、encodeURIComponent()区别详解
Apr 01 Javascript
使用JS读取XML文件的方法
Nov 25 Javascript
Html5+jQuery+CSS制作相册小记录
Dec 30 Javascript
jQuery Ajax 实现分页 kkpager插件实例代码
Aug 10 jQuery
vue项目优化之通过keep-alive数据缓存的方法
Dec 11 Javascript
highCharts提示框中显示当前时间的方法
Jan 18 Javascript
详释JavaScript执行环境与执行栈
Apr 02 Javascript
Vue开发环境中修改端口号的实现方法
Aug 15 Javascript
js实现上下左右键盘控制div移动
Jan 16 Javascript
vue 添加和编辑用同一个表单,el-form表单提交后清空表单数据操作
Aug 03 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
PHP 5.3新特性命名空间规则解析及高级功能
2010/03/11 PHP
Apache 配置详解(最好的APACHE配置教程)
2010/07/04 PHP
php-redis中的sort排序函数总结
2015/07/08 PHP
PHP实现UTF8二进制及明文字符串的转化功能示例
2017/11/20 PHP
Laravel jwt 多表(多用户端)验证隔离的实现
2019/12/18 PHP
JavaScript 设计模式之组合模式解析
2010/04/09 Javascript
基于jQuery的让非HTML5浏览器支持placeholder属性的代码
2011/05/24 Javascript
编写针对IE的JS代码两种编写方法
2013/01/30 Javascript
jQuery过滤选择器用法分析
2015/02/10 Javascript
Shell脚本实现Linux系统和进程资源监控
2015/03/05 Javascript
JS实现图片剪裁并预览效果
2016/08/12 Javascript
JavaScript基本语法_动力节点Java学院整理
2017/06/26 Javascript
webpack中使用iconfont字体图标的方法
2018/02/22 Javascript
vue多层嵌套路由实例分析
2019/03/19 Javascript
Nuxt项目支持eslint+pritter+typescript的实现
2019/05/20 Javascript
TypeScript高级用法的知识点汇总
2019/12/17 Javascript
JavaScript 引用类型实例详解【数组、对象、严格模式等】
2020/05/13 Javascript
详细讲解Python中的文件I/O操作
2015/05/24 Python
Python实现的生成格雷码功能示例
2018/01/24 Python
python实现将excel文件转化成CSV格式
2018/03/22 Python
Python实现string字符串连接的方法总结【8种方式】
2018/07/06 Python
python读取图片任意范围区域
2019/01/23 Python
python实现图片中文字分割效果
2019/07/22 Python
Python列表推导式实现代码实例
2020/09/09 Python
html5标记文字_动力节点Java学院整理
2017/07/11 HTML / CSS
html5 CSS过度-webkit-transition使用介绍
2013/07/02 HTML / CSS
印度首选时尚目的地:Reliance Trends
2018/01/17 全球购物
毕业生精彩的自我评价分享
2013/10/06 职场文书
留学自荐信写作方法
2014/01/27 职场文书
国际贸易专业个人求职信格式
2014/02/02 职场文书
个人近期表现材料
2014/02/11 职场文书
护士个人自我鉴定
2014/03/24 职场文书
承兑汇票转让证明怎么写?
2014/11/30 职场文书
MySQL中CURRENT_TIMESTAMP的使用方式
2021/11/27 MySQL
CentOS下安装Jenkins的完整步骤
2022/04/07 Servers
ORACLE中dbms_output.put_line输出问题的解决过程
2022/06/28 Oracle