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使用查询手册
Mar 07 Javascript
不同浏览器的怪癖小结
Jul 11 Javascript
javascript针对DOM的应用分析(四)
Apr 15 Javascript
Android中资源文件(非代码部分)的使用概览
Dec 18 Javascript
jquery获取多个checkbox的值异步提交给php
Jul 07 Javascript
一款简单的jQuery图片标注效果附源码下载
Mar 22 Javascript
HTML5+jQuery插件Quicksand实现超酷的星际争霸2兵种分类展示效果(附demo源码下载)
May 25 Javascript
微信小程序 教程之WXSS
Oct 18 Javascript
js遍历json对象所有key及根据动态key获取值的方法(必看)
Mar 09 Javascript
Spring boot 和Vue开发中CORS跨域问题解决
Sep 05 Javascript
ES6如何用一句代码实现函数的柯里化
Jan 18 Javascript
Vue中Object.assign清空数据报错的解决方案
Mar 03 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
提高define性能的php扩展hidef的安装和使用
2011/06/14 PHP
CodeIgniter读写分离实现方法详解
2016/01/20 PHP
PHP Laravel中的Trait使用方法
2019/01/20 PHP
PHP面向对象程序设计模拟一般面向对象语言中的方法重载(overload)示例
2019/06/13 PHP
js判断变量是否空值的代码
2008/10/26 Javascript
jquery 回车事件实现代码
2011/08/23 Javascript
js实现鼠标感应图片展示的方法
2015/02/27 Javascript
JavaScript中Null与Undefined的区别解析
2015/06/30 Javascript
Bootstrap3制作图片轮播效果
2016/05/12 Javascript
jQuery实现的跨容器无缝拖动效果代码
2016/06/21 Javascript
javascript设置文本框光标的方法实例小结
2016/11/04 Javascript
Vue2.0实现调用摄像头进行拍照功能 exif.js实现图片上传功能
2018/04/28 Javascript
通过一次报错详细谈谈Point事件
2018/05/17 Javascript
Angularjs实现数组随机排序的方法
2018/10/02 Javascript
node命令行工具之实现项目工程自动初始化的标准流程
2019/08/12 Javascript
JS控制GIF图片的停止与显示
2019/10/24 Javascript
openlayers4.6.5实现距离量测和面积量测
2020/09/25 Javascript
python实现去除下载电影和电视剧文件名中的多余字符的方法
2014/09/23 Python
Linux下使用python调用top命令获得CPU利用率
2015/03/10 Python
Python 中的range(),以及列表切片方法
2018/07/02 Python
利用python实现简易版的贪吃蛇游戏(面向python小白)
2018/12/30 Python
详解如何用TensorFlow训练和识别/分类自定义图片
2019/08/05 Python
pytest中文文档之编写断言
2019/09/12 Python
解决pycharm最左侧Tool Buttons显示不全的问题
2019/12/17 Python
解决tensorboard多个events文件显示紊乱的问题
2020/02/15 Python
如何对python的字典进行排序
2020/06/19 Python
python获取系统内存占用信息的实例方法
2020/07/17 Python
CSS3+DIV实现漂亮的动画彩色标签
2016/06/16 HTML / CSS
Fabletics官网:美国运动服饰品牌,由好莱坞女演员凯特·哈德森创立
2019/10/19 全球购物
2013年保送生自荐信格式
2013/11/20 职场文书
学生打架检讨书
2014/02/14 职场文书
机关领导查摆四风思想汇报
2014/09/13 职场文书
解除劳动合同协议书范本2014
2014/09/25 职场文书
《秋思》教学反思
2016/02/23 职场文书
PC版《死亡搁浅导剪版》现已发售 展开全新的探险
2022/04/03 其他游戏
CSS link与@import的区别和用法解析
2023/05/07 HTML / CSS