• 技术文章 >web前端 >前端问答

    html中怎么去掉属性值

    青灯夜游青灯夜游2021-12-14 15:06:39原创1017

    html中去掉属性值的方法:1、使用attr()方法设置指定属性值为空字符串,语法“$(元素).attr("属性名","")”;2、使用removeAttr()方法移除指定的属性,语法“$(元素).removeAttr("属性名")”。

    大前端零基础入门到就业:进入学习

    本教程操作环境:windows7系统、jquery1.10.2&&HTML5版、Dell G3电脑。

    html中去掉属性值

    1、使用attr()方法设置指定属性值为空字符串

    <!DOCTYPE html>
    <html>
    <head>
    <script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
      $("button").click(function(){
        $("img").attr("width","");
      });
    });
    </script>
    </head>
    <body>
    <img src="img/2.jpg" width="500"/>
    <br />
    <button>去除width属性值</button>
    </body>
    </html>

    1.gif

    2、使用removeAttr()方法移除指定的属性

    <!DOCTYPE html>
    <html>
    <head>
    <script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
      $("button").click(function(){
        $("img").removeAttr("width");
      });
    });
    </script>
    </head>
    <body>
    <img src="img/2.jpg" width="500"/>
    <br />
    <button>去除width属性</button>
    </body>
    </html>

    2.gif

    推荐教程:html视频教程jQuery教程(视频)

    以上就是html中怎么去掉属性值的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。

    前端(VUE)零基础到就业课程:点击学习

    清晰的学习路线+老师随时辅导答疑

    自己动手写 PHP MVC 框架:点击学习

    快速了解MVC架构、了解框架底层运行原理

    专题推荐:html jquery 属性操作
    上一篇:html是什么软件 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • ❤️‍🔥共22门课程,总价3725元,会员免费学• ❤️‍🔥接口自动化测试不想写代码?• jquery怎样获取除自己外的元素• jquery怎样替换掉所有的类名• jquery怎样点击任何地方隐藏div• jquery怎样只执行一次事件• jquery怎样实现点击显示点击其他地方隐藏
    1/1

    PHP中文网