javascript - css("margin-left")位null??? 迷茫了

Question

<p  id="part4_slide">
            <p><img id="p4_img1" src="img/air/air_part4_1.jpg"  alt="pictrue" ></p>
            <p><img id="p4_img2" src="img/air/air_part4_1.jpg"  alt="pictrue" ></p>
                         
        </p>

下面是css:

#p4_img1{
    width:865px;
    height:130px;
    
    }
#p4_img2{
    width:865px;
    height:130px;
    margin-left:-180px;
    }

下面是js:

var arr_img=[$("p4_img1"),$("p4_img2"),$("p4_img3"),$("p4_img4"),$("p4_img5")];

var left=arr_img[0].css("margin-left");

alert(left);//null??????
alert(arr_img[0].width())//null???????
    

Answer 1

js里选择器前缀呢？

Answer 2

使用id选择元素: $('#xxx');
使用class选择元素: $('.xxx');

Answer 3

一、选择器都写错了 因为贴出来的都是ID所以选择器少了#
二、就算选择器写对了，你的第一个弹框也不会是正确的值 因为你设置的margin-left根本不是数组中第一个元素的

Answer 4

选择器根本就没选到，同上~