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之ajax技术的详细介绍
Jun 19 Javascript
让新消息在网页标题闪烁提示的jQuery代码
Nov 04 Javascript
jquery.hotkeys监听键盘按下事件keydown插件
May 11 Javascript
基于jQuery实现放大镜特效
Oct 19 Javascript
JS实现获取当前URL和来源URL的方法
Aug 24 Javascript
javascript学习笔记_浅谈基础语法,类型,变量
Sep 19 Javascript
jquery实现input框获取焦点的方法
Feb 06 Javascript
JS动态添加元素及绑定事件造成程序重复执行解决
Dec 07 Javascript
JS/HTML5游戏常用算法之碰撞检测 包围盒检测算法详解【矩形情况】
Dec 13 Javascript
js实现删除li标签一行内容
Apr 16 Javascript
Vue的click事件防抖和节流处理详解
Nov 13 Javascript
vue项目支付功能代码详解
Feb 18 Vue.js
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自动获取字符串编码函数mb_detect_encoding
2011/05/31 PHP
跟我学Laravel之请求与输入
2014/10/15 PHP
PHP判断是否为空的几个函数对比
2015/04/21 PHP
PHP时间和日期函数详解
2015/05/08 PHP
php实现网页缓存的工具类分享
2015/07/14 PHP
PHP中OpenSSL加密问题整理
2017/12/14 PHP
JavaScript 继承详解 第一篇
2009/08/30 Javascript
基于node.js的快速开发透明代理
2010/12/25 Javascript
JS+CSS实现一个气泡提示框
2013/08/18 Javascript
jQuery源码分析之Callbacks详解
2015/03/13 Javascript
JavaScript兼容浏览器FF/IE技巧
2016/08/14 Javascript
AngularJS验证信息框架的封装插件用法【w5cValidator扩展插件】
2016/11/03 Javascript
jQGrid Table操作列中点击【操作】按钮弹出按钮层的实现代码
2016/12/05 Javascript
详解基于webpack搭建react运行环境
2017/06/01 Javascript
vue axios用法教程详解
2017/07/23 Javascript
vuejs事件中心管理组件间的通信详解
2017/08/09 Javascript
JS实现中文汉字按拼音排序的方法
2017/10/09 Javascript
JS去掉字符串末尾的标点符号及删除最后一个字符的方法
2017/10/24 Javascript
让 babel webpack vue 配置文件支持智能提示的方法
2019/06/22 Javascript
详解使用JWT实现单点登录(完全跨域方案)
2019/08/02 Javascript
vue2路由方式--嵌套路由实现方法分析
2020/03/06 Javascript
Python基于回溯法子集树模板解决取物搭配问题实例
2017/09/02 Python
Python实现的求解最大公约数算法示例
2018/05/03 Python
python将list转为matrix的方法
2018/12/12 Python
python实现得到当前登录用户信息的方法
2019/06/21 Python
Python如何实现动态数组
2019/11/02 Python
将python包发布到PyPI和制作whl文件方式
2019/12/25 Python
python 已知三条边求三角形的角度案例
2020/04/12 Python
PyTorch: Softmax多分类实战操作
2020/07/07 Python
美国排名第一的葡萄酒俱乐部:Firstleaf Wine Club
2020/01/02 全球购物
荣耀商城:HIHONOR
2020/11/03 全球购物
优秀班组申报材料
2014/12/25 职场文书
2014年个人年终总结
2015/03/09 职场文书
职业生涯规划书之大学四年
2019/08/07 职场文书
SpringBoot项目中控制台日志的保存配置操作
2021/06/18 Java/Android
JavaScript中MutationObServer监听DOM元素详情
2021/11/27 Javascript