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操作文本框readOnly
May 15 Javascript
JS将光标聚焦在文本最后的实现代码
Mar 28 Javascript
JavaScript中的类数组对象介绍
Dec 30 Javascript
jQuery层动画定位滑动效果的方法
Apr 30 Javascript
Jquery1.9.1源码分析系列(六)延时对象应用之jQuery.ready
Nov 24 Javascript
Javascript 基础---Ajax入门必看
Jul 06 Javascript
html+js+highcharts绘制圆饼图表的简单实例
Aug 04 Javascript
常用Javascript函数与原型功能收藏(必看篇)
Oct 09 Javascript
详解JS中统计函数执行次数与执行时间
Sep 04 Javascript
webuploader分片上传的实现代码(前后端分离)
Sep 10 Javascript
微信小程序实用代码段(收藏版)
Dec 17 Javascript
vue中渲染对象中属性时显示未定义的解决
Jul 31 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实现指定字段的多维数组排序函数分享
2015/03/09 PHP
PHP书写格式详解(必看)
2016/05/23 PHP
PHP封装的完整分页类示例
2018/08/21 PHP
AppBaseJs 类库 网上常用的javascript函数及其他js类库写的
2010/03/04 Javascript
JavaScript 高级篇之DOM文档,简单封装及调用、动态添加、删除样式(六)
2012/04/07 Javascript
js拖拽的原型声明和用法总结
2016/04/04 Javascript
Bootstrap基本插件学习笔记之折叠(22)
2016/12/08 Javascript
js querySelector() 使用方法
2016/12/21 Javascript
EasyUI修改DateBox和DateTimeBox的默认日期格式示例
2017/01/18 Javascript
jQuery插件jqGrid动态获取列和列字段的方法
2017/03/03 Javascript
JS/jquery实现一个网页内同时调用多个倒计时的方法
2017/04/27 jQuery
javascript 跨域问题以及解决办法
2017/07/17 Javascript
详解项目升级到vue-cli3的正确姿势
2019/01/28 Javascript
详解Vue组件之间通信的七种方式
2019/04/14 Javascript
JS正则表达式验证密码强度
2020/03/18 Javascript
浅谈Vue使用Elementui修改默认的最快方法
2020/12/05 Vue.js
[00:56]跨越时空加入战场 全新祈求者身心“失落奇艺侍祭”展示
2019/07/20 DOTA
Python多线程学习资料
2012/12/19 Python
python搜索指定目录的方法
2015/04/29 Python
听歌识曲--用python实现一个音乐检索器的功能
2016/11/15 Python
用Python编写一个高效的端口扫描器的方法
2018/12/20 Python
python add_argument()用法解析
2020/01/29 Python
使用python实现飞机大战游戏
2020/03/23 Python
Python写捕鱼达人的游戏实现
2020/03/31 Python
让IE9以下版本的浏览器兼容HTML5的方法
2014/03/12 HTML / CSS
新闻专业个人自我评价
2013/09/21 职场文书
培训楼经理岗位责任制
2014/02/10 职场文书
社区义诊活动总结
2014/04/30 职场文书
关爱残疾人演讲稿
2014/05/24 职场文书
税务会计岗位职责
2015/04/02 职场文书
上班迟到检讨书
2015/05/06 职场文书
2015年度绩效考核工作总结
2015/05/27 职场文书
朋友聚会开场白
2015/06/01 职场文书
导游词之西江千户苗寨
2019/12/24 职场文书
java版 联机五子棋游戏
2022/05/04 Java/Android
python库Tsmoothie模块数据平滑化异常点抓取
2022/06/10 Python