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 相关文章推荐
Javascript 函数中的参数使用分析
Mar 27 Javascript
JavaScript控制按钮可用或不可用的方法
Apr 03 Javascript
浅谈javascript中onbeforeunload与onunload事件
Dec 10 Javascript
详解js私有作用域中创建特权方法
Jan 25 Javascript
仅30行代码实现Javascript中的MVC
Feb 15 Javascript
javascript RegExp 使用说明
May 21 Javascript
jquery——九宫格大转盘抽奖实例
Jan 16 Javascript
详解webpack提取第三方库的正确姿势
Dec 22 Javascript
解决angularjs中同步执行http请求的方法
Aug 13 Javascript
VueJS 取得 URL 参数值的方法
Jul 19 Javascript
Vue项目配置跨域访问和代理proxy设置方式
Sep 08 Javascript
JavaScript 反射学习技巧
Oct 16 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
模拟flock实现文件锁定
2007/02/14 PHP
PHP编程实现微信企业向用户付款的方法示例
2017/07/26 PHP
php实现推荐功能的简单实例
2019/09/29 PHP
使用jQuery向asp.net Mvc传递复杂json数据-ModelBinder篇
2010/05/07 Javascript
整理Javascript流程控制语句学习笔记
2015/11/29 Javascript
gulp-htmlmin压缩html的gulp插件实例代码
2016/06/06 Javascript
JQuery的attr 与 val区别
2016/06/12 Javascript
用瀑布流的方式在网页上插入图片的简单实现方法
2016/09/23 Javascript
完全深入学习Bootstrap表单
2016/11/28 Javascript
Avalonjs 实现简单购物车功能(实例代码)
2017/02/07 Javascript
jQuery通过改变input的type属性实现密码显示隐藏切换功能
2017/02/08 Javascript
JS实现unicode和UTF-8之间的互相转换互转
2017/07/05 Javascript
vue axios请求超时的正确处理方法
2018/04/02 Javascript
Vue作用域插槽slot-scope实例代码
2018/09/05 Javascript
jquery获取img的src值实例介绍
2019/01/16 jQuery
vue2.0实现的tab标签切换效果(内容可自定义)示例
2019/02/11 Javascript
vue+eslint+vscode配置教程
2019/08/09 Javascript
vue实现设置载入动画和初始化页面动画效果
2019/10/28 Javascript
Python2/3中urllib库的一些常见用法
2017/12/19 Python
Python3连接SQLServer、Oracle、MySql的方法
2018/06/28 Python
Python 字符串与二进制串的相互转换示例
2018/07/23 Python
对pandas中iloc,loc取数据差别及按条件取值的方法详解
2018/11/06 Python
12个Python程序员面试必备问题与答案(小结)
2019/06/24 Python
使用python爬取微博数据打造一颗“心”
2019/06/28 Python
Django路由层URLconf作用及原理解析
2020/09/24 Python
CSS3自定义滚动条样式的示例代码
2017/08/21 HTML / CSS
英国领先的办公用品供应商:Viking
2016/08/01 全球购物
旅游个人求职信范文
2014/01/30 职场文书
cf战队收人口号
2014/06/21 职场文书
个人违纪检讨书
2014/09/15 职场文书
十八大标语口号
2014/10/09 职场文书
群众路线教育实践活动总结
2014/10/30 职场文书
2014大学辅导员工作总结
2014/12/02 职场文书
2015年教师学期工作总结
2015/04/30 职场文书
承诺书模板大全
2015/05/04 职场文书
浅谈Redis存储数据类型及存取值方法
2021/05/08 Redis