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 相关文章推荐
js 数据类型转换总结笔记
Jan 17 Javascript
js控制input输入字符解析
Dec 27 Javascript
document.execCommand()的用法小结
Jan 08 Javascript
jQuery中removeData()方法用法实例
Dec 27 Javascript
关于Javascript回调函数的一个妙用
Aug 29 Javascript
JavaScript限制在客户区可见范围的拖拽(解决scrollLeft和scrollTop的问题)(2)
May 17 Javascript
JS使用ActiveXObject实现用户提交表单时屏蔽敏感词功能
Jun 20 Javascript
微信小程序如何获取用户手机号
Jan 26 Javascript
详解在React项目中安装并使用Less(用法总结)
Mar 18 Javascript
VsCode里的Vue模板的实现
Aug 12 Javascript
在vue中配置不同的代理同时访问不同的后台操作
Sep 11 Javascript
JavaScript架构搭建前端监控如何采集异常数据
Jun 25 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 at(@)符号的用法简介
2009/07/11 PHP
PHP MVC模式在网站架构中的实现分析
2010/03/04 PHP
深入file_get_contents与curl函数的详解
2013/06/25 PHP
PHP实现根据数组某个键值大小进行排序的方法
2018/03/13 PHP
PHP变量的作用范围实例讲解
2020/12/22 PHP
use jscript with List Proxy Server Information
2007/06/11 Javascript
JQuery中$(document)是什么意思有什么作用
2014/07/21 Javascript
Javascript冒泡排序算法详解
2014/12/03 Javascript
使用jQuery仿苹果官网焦点图特效
2014/12/23 Javascript
原生javascript实现图片弹窗交互效果
2015/01/12 Javascript
js计算德州扑克牌面值的方法
2015/03/04 Javascript
JavaScript实现下拉列表框数据增加、删除、上下排序的方法
2015/08/11 Javascript
浏览器兼容性问题大汇总
2015/12/17 Javascript
JS函数修改html的元素内容,及修改属性内容的方法
2016/10/28 Javascript
node.js中的事件处理机制详解
2016/11/26 Javascript
js实现带三角符的手风琴效果
2017/03/01 Javascript
基于JavaScript实现类名的添加与移除
2017/04/23 Javascript
详解webpack+angular2开发环境搭建
2017/06/28 Javascript
vue中使用sessionStorage记住密码功能
2018/07/24 Javascript
深入了解query和params的使用区别
2019/06/24 Javascript
通过实例解析chrome如何在mac环境中安装vue-devtools插件
2020/07/10 Javascript
[04:28]DOTA2亚洲邀请赛小组赛第五日 TOP10精彩集锦
2015/02/03 DOTA
[42:04]DOTA2上海特级锦标赛主赛事日 - 2 胜者组第一轮#3Secret VS OG第一局
2016/03/03 DOTA
微信跳一跳小游戏python脚本
2018/01/05 Python
和孩子一起学习python之变量命名规则
2018/05/27 Python
CSS3为背景图设置遮罩并解决遮罩样式继承问题
2020/06/22 HTML / CSS
HTML5 Canvas实现放大镜效果示例
2020/03/25 HTML / CSS
MCAKE蛋糕官方网站:一直都是巴黎的味道
2018/02/06 全球购物
荷兰电脑专场:Paradigit
2018/05/05 全球购物
css animation配合SVG制作能量流动效果
2021/03/24 HTML / CSS
房屋租赁意向书
2014/04/01 职场文书
南京市纪委监察局整改方案
2014/09/16 职场文书
培训通知
2015/04/17 职场文书
导游词之峨眉山
2019/12/16 职场文书
React 并发功能体验(前端的并发模式)
2021/07/01 Javascript
Element-ui Layout布局(Row和Col组件)的实现
2021/12/06 Vue.js