问答详情
源自:3-7 jQuery的属性与样式之样式操作.css()

关于css(ps)

不懂为什么<script type="text/javascript">
//获取尺寸,传入CSS属性组成的一个数组
//{width: "60px", height: "60px"}
var value = $('.first').css("width","height");
//因为获取的是一个对象,取到对应的值
$('p:eq(2)').text( 'widht:' + value[0] +  ' height:' +value[1] );

$('p:eq(3)').text( 'widht:' + value.width() +  ' height:' +value.heigth );

$('p:eq(4)').text( 'widht:' + value.width +  ' height:' +value.heigth );
// $('p:eq(5)').text( 'widht:' + value.width() +  ' height:' +value.heigth() );
$("p:eq(6)").html(function(index,oldhtml){
   var a = [ "The clicked div has the following styles:" ];

           var styleProps = $( ".first").css([
           "width", "height"
           ]);
           $.each( styleProps, function( prop, value ) {
           a.push( prop + ": " + value +"</br>");
           });
           return a;
});
   </script>
是这样的运行结果,value不是一个数组吗?为什么可以value.width(),.width之类的而.height()就不行呢?ps:后面为自己添加的代码

提问者:HOWEVERP 2017-09-07 22:22

个回答

  • 慕仙8215065
    2017-09-08 10:41:19
    已采纳

    这不是数组,数组格式是["a",“b","c"]。这里的{width: "60px", height: "60px"}是一个json格式的对象。后面value.width()就是   对象.属性  取值。js中一切都是对象