站长家园(原代码之家)(www.adminjie.com)网站源码,微信源码,游戏源码,商业源码分享平台。
当前位置:网站首页 技术文章 网络编程 正文

jquery中attr和val的区别是什么

时间:2022-05-09 [网络编程]作者:fabuyuan 浏览:5 次

区别:1、val方法可获取手动输入的值,attr方法则不可以;2、若使用val进行赋值,可使用val方法进行获取,attr方法则不可以获取;3、使用attr赋值时,若手动改变输入的值,val可获取最新的值,而attr获取的还是一开始的值。

本教程操作环境:windows10系统、jquery3.2.1版本、Dell G3电脑。

jquery中attr和val的区别是什么

先说结论再贴代码分析,区别如下:

1.val 可以获取手动输入的值,attr 不可以

2.用 val 赋值, val 可以获取值 , attr 不可以

3.用 attr 赋值, val 和 attr 都可以获取值, 如果手动改变输入的值,val 可以获取最新的值,attr 读到的还是 attr 一开始赋的值

先手动输入一个数字

然后分别用 val() 和 attr("value") 打印出来

console.log("这个是val: "+$("#jibengongzi").val());
console.log("这个是attr:"+$("#jibengongzi").attr("value"));

可以看出,attr("value") 不能获取手动输入的值

接下来用 val() 来赋值 (ruleForm.jibengongzi是数字)

$("#jibengongzi").val(ruleForm.jibengongzi);

然后打印出来

再用 attr 赋值

$("#jibengongzi").attr("value",ruleForm.jibengongzi);

除此之外,使用过程中attr有一点Bug,让我不能用js给输入框赋值,具体原因不知道,全部都改用val就没问题了。本文仅当个人学习记录,有问题欢迎指出,一起学习进步

相关视频教程推荐:jQuery视频教程

以上就是jquery中attr和val的区别是什么的详细内容,更多请关注站长家园其它相关文章!

本文标签:  jquery

转载请注明来源:jquery中attr和val的区别是什么

本文永久链接地址:https://www.adminjie.com/post/12115.html

免责声明:
本站所发布的一切资源仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。如果您喜欢该程序,请支持正版软件,购买注册,得到更好的正版服务。

附:
二○○二年一月一日《计算机软件保护条例》第十七条规定:为了学习和研究软件内含的设计思想和原理,通过安装、显示、传输或者存储软件等方式使用软件的,可以不经软件著作权人许可,不向其支付报酬!鉴于此,也希望大家按此说明研究软件!

版权声明:
一、本站致力于为软件爱好者提供国内外软件开发技术和软件共享,着力为用户提供优资资源。
二、本站提供的部分源码下载文件为网络共享资源,请于下载后的24小时内删除。如需体验更多乐趣,还请支持正版。
三、我站提供用户下载的所有内容均转自互联网。如有内容侵犯您的版权或其他利益的,若有侵犯你的权益请:提交版权证明文件到邮箱 2225329873#qq.com(#换为@) 站长会进行审查之后,情况属实的会在三个工作日内为您删除。

  • 站长家园(原代码之家)会员升级
  • 最新文章
    • jquery怎么添加和移除元素

      jquery怎么添加和移除元素

      添加元素的方法:1、用append()或prepend()在指定元素内部添加子元素;2、用after()或before()添加同级元素。移除方法:1、用remo...

    • oracle怎么实现读写分离

      oracle怎么实现读写分离

      实现读写分离的方法:1、利用Oracle自身组件,包括Physical方式支持的异步传输方式和logical方式支持的同步传输方式;2、利用第三方组件,包括Sh...

    • 什么是jquery异步加载

      什么是jquery异步加载

      在jquery中,异步加载又称为非阻塞加载,一般指在加载的同时执行代码;也就是当浏览器在加载JQ或JS的同时,还会进行后续页面处理,这样可以优化脚本文件的加载,...

    • oracle转为数字的函数是什么

      oracle转为数字的函数是什么

      oracle中转为数字的函数是“to_number”;该函数可将按一定格式编排过的字符串变回数值型的格式,字符串必须符合数值类型格式,若不符合则会出现错误提示,...

    • jquery怎么求输入框的值

      jquery怎么求输入框的值

      求输入框值的两种方法:1、用val(),可直接获取输入框(input)的内容值,语法“$("input").val()”;2、用attr()获取input元素中...

    热门文章