• 技术文章 >web前端 >js教程

    jquery怎样将元素改成只读

    长期闲置长期闲置2021-12-13 13:49:31原创385

    jquery将元素改成只读的方法:1、利用“$(指定元素)”语句获取指定元素对象;2、利用attr()方法和readonly属性将元素改为只读状态 ,语法为“元素对象.attr("readonly","readonly")”。

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

    jquery怎样将元素改成只读

    在css中,可以利用attr()方法将元素改成只读状态,attr()方法设置或返回被选元素的属性值。

    语法为:

    $(selector).attr(attribute,value)

    将元素的readonly属性设置为readonly即可。readOnly 属性设置或返回文本域是否为只读。

    下面我们通过示例,看一下怎样将文本框元素设置为只读状态。示例如下:

    <html>
    <head>
    <script type="text/javascript" src="/jquery/jquery.js"></script>
    <script type="text/javascript">
    function demo(){ $("input[name=demo]").attr("readonly","readonly");}
    </script>
    </head>
    <body>
    <input type="text" name="demo"/><input type="button" onclick="demo();" value="修改"/>
    </body>
    </html>

    输出结果:

    +1.gif

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

    以上就是jquery怎样将元素改成只读的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:jquery
    上一篇:jquery怎样实现验证数字 下一篇:js怎么设置html title标题
    Web大前端开发直播班

    相关文章推荐

    • jquery怎样去掉元素的css属性• jquery中eq的意思是什么• jquery怎样实现隔几秒才能触发效果• jquery怎样隐藏某一行• jquery怎样实现验证数字

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网