jQuery 的attr( )方法为什么不能获取 <input type="button" />的宽高?

</script>
        <style type="text/css">
            input{width:100px;height:70px;color: red;background-color: azure;}
        </style>
        <script type="text/javascript">
            $(function() {
                $("input").click(function() {
                    alert($("input").attr("width","height"));

                })

            })
        </script>

    </head>

    <body>
        <input type="button" value="显示"/>
        
    </body>

图片描述

阅读 5.1k
6 个回答

谢谢邀请。使用width()/height()即可。attr()是取值或赋值用的。

var _w = $('input[type="button"]').width(), _h = $('input[type="button"]').height();
console.log('width:'+_w+' height:'+_h);

$("input").width()
$("input").height()

$("input").css("width")
$("input").css("height")

你代码的问题有2,

  1. 宽高是css属性

  2. attr("width","height") 这是赋值的写法, 并不是同时获取width和height

建议你看看jq手册的attr方法,看看它的介绍,看完你就明白了

attr是attribute的缩写,而attribute的意思是属性

新手上路,请多包涵

attr.width()

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题