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应该如何来设置改变按钮input的onclick事件
Dec 10 Javascript
一个简单的瀑布流效果(主体形式自写)
May 27 Javascript
jQuery固定浮动侧边栏实现思路及代码
Sep 28 Javascript
ECMAScript6新增值比较函数Object.is
Jun 12 Javascript
JS模拟实现方法重载示例
Aug 03 Javascript
浅谈express 中间件机制及实现原理
Aug 31 Javascript
vue中手机号,邮箱正则验证以及60s发送验证码的实例
Mar 16 Javascript
vue 注册组件的使用详解
May 05 Javascript
微信小程序中使用自定义图标(阿里icon)的方法
Aug 20 Javascript
vue 表单验证按钮事件交由父组件触发的方法
Dec 17 Javascript
vuex如何重置所有state(可定制)
Jan 17 Javascript
vue解决使用$http获取数据时报错的问题
Oct 30 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错误、异常处理机制(补充)
2012/05/07 PHP
深入php中var_dump方法的使用详解
2013/06/24 PHP
php cookie中点号(句号)自动转为下划线问题
2014/10/21 PHP
PHP 返回13位时间戳的实现代码
2016/05/13 PHP
tp5.0框架隐藏index.php入口文件及模块和控制器的方法分析
2020/02/11 PHP
解密效果
2006/06/23 Javascript
JavaScript入门教程(8) Location地址对象
2009/01/31 Javascript
JQuery优缺点分析说明
2010/06/09 Javascript
javascript 闭包疑问
2010/12/30 Javascript
使用apply方法处理数组的三个技巧[译]
2012/09/20 Javascript
jquery submit ie6下失效的原因分析及解决方法
2013/11/15 Javascript
收集json解析的四种方法分享
2014/01/17 Javascript
php中给js数组赋值方法
2014/03/10 Javascript
JavaScript中九种常用排序算法
2014/09/02 Javascript
js实现文章文字大小字号功能完整实例
2014/11/01 Javascript
Node.js编程中客户端Session的使用详解
2015/06/23 Javascript
React快速入门教程
2017/01/17 Javascript
JavaScript中无法通过div.style.left获取值的解决方法
2017/02/19 Javascript
BootStrap表单控件之复选框checkbox和单选择按钮radio
2017/05/23 Javascript
JavaScript事件方法(实例讲解)
2017/06/27 Javascript
CKEditor 4.4.1 添加代码高亮显示插件功能教程【使用官方推荐Code Snippet插件】
2019/06/14 Javascript
可拖拽组件slider.js使用方法详解
2020/12/04 Javascript
Python编写简单的HTML页面合并脚本
2016/07/11 Python
Python3 实现随机生成一组不重复数并按行写入文件
2018/04/09 Python
django-rest-framework 自定义swagger过程详解
2019/07/18 Python
django的ORM操作 删除和编辑实现详解
2019/07/24 Python
Djang的model创建的字段和参数详解
2019/07/27 Python
python 线性回归分析模型检验标准--拟合优度详解
2020/02/24 Python
基于python实现百度语音识别和图灵对话
2020/11/02 Python
python 使用xlsxwriter循环向excel中插入数据和图片的操作
2021/01/01 Python
澳大利亚天然护肤品、化妆品和健康产品一站式商店:Nourished Life
2018/12/02 全球购物
上班迟到检讨书范文300字
2014/11/02 职场文书
聘任书范文大全
2015/09/21 职场文书
2016年小学植树节活动总结
2016/03/16 职场文书
处世之道:关于真诚相待的名言推荐
2019/12/02 职场文书
详解pytorch创建tensor函数
2022/03/22 Python