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 相关文章推荐
jquery 页面全选框实践代码
Apr 02 Javascript
javascript实现TreeView 无刷新展开的实例代码
Jul 13 Javascript
JQuery调用WebServices的方法和4个实例
May 06 Javascript
js简单设置与使用cookie的方法
Jan 22 Javascript
jQuery基于json与cookie实现购物车的方法
Apr 15 Javascript
JS检测页面中哪个HTML标签触发点击事件的方法
Jun 17 Javascript
常用js,css文件统一加载方法(推荐) 并在加载之后调用回调函数
Sep 23 Javascript
js模拟支付宝密码输入框
Apr 11 Javascript
基于JS脚本语言的基础语法详解
Jul 22 Javascript
React组件中的this的具体使用
Feb 28 Javascript
解决IE11 vue +webpack 项目中数据更新后页面没有刷新的问题
Sep 25 Javascript
node.js制作一个简单的登录拦截器
Feb 10 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读取30天之内的根据算法排序的代码
2008/04/06 PHP
检测png图片是否完整的php代码
2010/09/06 PHP
php中define用法实例
2015/07/30 PHP
在php中设置session用memcache来存储的方法总结
2016/01/14 PHP
php array_map()函数实例用法
2021/03/03 PHP
javascript操作文本框readOnly
2007/05/15 Javascript
初窥JQuery(二) 事件机制(1)
2010/11/25 Javascript
js日历功能对象
2012/01/12 Javascript
jquery插件推荐 jquery.cookie
2014/11/09 Javascript
详解AngularJS中自定义指令的使用
2015/06/17 Javascript
JavaScript数组对象赋值用法实例
2015/08/04 Javascript
JQuery标签页效果实例详解
2015/12/24 Javascript
jQuery.form插件的使用及跨域异步上传文件
2016/04/27 Javascript
JavaScript使用键盘输入控制实现数字验证功能
2016/08/19 Javascript
微信小程序 wxapp内容组件 progress详细介绍
2016/10/31 Javascript
JS查找英文文章中出现频率最高的单词
2017/03/20 Javascript
JavaScript检查数据中是否存在相同的元素(两种方法)
2018/10/07 Javascript
vue如何实现自定义底部菜单栏
2019/07/01 Javascript
浅谈Vue3.0之前你必须知道的TypeScript实战技巧
2019/09/11 Javascript
jquery实现上传文件进度条
2020/03/26 jQuery
跟老齐学Python之玩转字符串(1)
2014/09/14 Python
使用Python开发windows GUI程序入门实例
2014/10/23 Python
keras.layer.input()用法说明
2020/06/16 Python
IE9下html5初试小刀
2010/09/21 HTML / CSS
HTML5中的autofocus(自动聚焦)属性介绍
2014/04/23 HTML / CSS
英国奢侈品网站:MatchesFashion
2016/12/16 全球购物
土木工程应届生求职信
2013/10/31 职场文书
学院书画协会部门职责
2013/11/28 职场文书
自荐信格式
2013/12/01 职场文书
二年级语文教学反思
2014/02/02 职场文书
高中毕业自我评价
2014/02/08 职场文书
党的群众路线教育实践活动心得体会
2014/03/03 职场文书
物理课外活动总结
2014/08/27 职场文书
2015年公共机构节能宣传周活动总结
2015/03/26 职场文书
幼儿园教师师德承诺书
2015/04/28 职场文书
Java Socket实现多人聊天系统
2021/07/15 Java/Android