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()事件返回的值并添加事件的方法
Apr 15 Javascript
js中匿名函数的N种写法
Sep 08 Javascript
JavaScript的null和undefined区别示例介绍
Sep 15 Javascript
jQuery网页版打砖块小游戏源码分享
Aug 20 Javascript
jQuery实现仿新浪微博浮动的消息提示框(可智能定位)
Oct 10 Javascript
原生javascript+css3编写的3D魔方动画旋扭特效
Mar 14 Javascript
总结JavaScript三种数据存储方式之间的区别
May 03 Javascript
VueJS全面解析
Nov 10 Javascript
js倒计时小实例(多次定时)
Dec 08 Javascript
Vue入门之animate过渡动画效果
Apr 08 Javascript
浅谈vuex actions和mutation的异曲同工
Dec 13 Javascript
使用vue-router切换页面时,获取上一页url以及当前页面url的方法
May 06 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
ThinkPHP CURD方法之page方法详解
2014/06/18 PHP
php传值和传引用的区别点总结
2019/11/19 PHP
ASP.NET jQuery 实例8 (动态添加内容到DropDownList)
2012/02/03 Javascript
JQuery拖拽元素改变大小尺寸实现代码
2012/12/10 Javascript
jQuery截取指定长度字符串代码
2014/08/21 Javascript
js图片模糊切换显示特效的方法
2015/02/17 Javascript
jQuery简单操作cookie的插件实例
2016/01/13 Javascript
全面解析jQuery $(document).ready()和JavaScript onload事件
2016/06/08 Javascript
AngularJs 国际化(I18n/L10n)详解
2016/09/01 Javascript
jQuery实现自动调用和触发某个事件的方法
2016/11/18 Javascript
EasyUI学习之DataGird分页显示数据
2016/12/29 Javascript
Vue实现路由跳转和嵌套
2017/06/20 Javascript
vue 组件销毁并重置的实现
2020/01/13 Javascript
[04:48]DOTA2上海特锦赛小组赛第三日 TOP10精彩集锦
2016/02/28 DOTA
神经网络理论基础及Python实现详解
2017/12/15 Python
python奇偶行分开存储实现代码
2018/03/19 Python
Python压缩模块zipfile实现原理及用法解析
2020/08/14 Python
pycharm-professional-2020.1下载与激活的教程
2020/09/21 Python
利用html5 canvas动态画饼状图的示例代码
2018/04/02 HTML / CSS
意大利体育用品网上商城:Nencini Sport
2016/08/18 全球购物
英国在线自行车商店:Evans Cycles
2016/09/26 全球购物
英国鞋类及配饰零售商:Kurt Geiger
2017/02/04 全球购物
Probikekit欧盟:在线公路自行车专家
2019/07/12 全球购物
若干个Java基础面试题
2015/05/19 面试题
网上书店创业计划书
2014/01/12 职场文书
园林技术个人的自我评价
2014/02/15 职场文书
六查六看剖析材料
2014/02/15 职场文书
房产委托公证书样本
2014/04/04 职场文书
爱心倡议书范文
2014/05/12 职场文书
高中生打架检讨书1000字
2015/02/17 职场文书
活动总结模板大全
2015/05/11 职场文书
硕士论文致谢范文
2015/05/14 职场文书
我爱我班主题班会
2015/08/13 职场文书
2016高一新生军训心得体会
2016/01/11 职场文书
利用html+css实现菜单栏缓慢下拉效果的示例代码
2021/03/30 HTML / CSS
台积电称即便经济低迷也没有降价的计划
2022/04/21 数码科技