我不知道为什么当我使用jQuery的.css()函数时会返回以下信息:
Uncaught TypeError: undefined is not a function
我的代码是这样的:
HTML:
<div class="photo1 sliderPhoto">d</div>
<div class="photo2 sliderPhoto">d</div>
<div class="photo3 sliderPhoto">d</div>
<div class="photo4 sliderPhoto">d</div>
CSS:
.sliderPhoto{
position: absolute;
top: 0px;
left: 0px;
background-position: center center;
background-size: cover;
width: 100%;
height: 100%;
}
.photo1{
background-image: url('../photos/ph1.jpg');
z-index: 6;
}
.photo2{
background-image: url('../photos/ph2.jpg');
z-index: 6;
display: none;
}
.photo3{
background-image: url('../photos/ph3.jpg');
z-index: 6;
display: none;
}
.photo4{
background-image: url('../photos/ph4.jpg');
z-index: 6;
display: none;
}
jQuery在$ {document).ready上:
$photos = [$(".photo1")[0], $(".photo2")[0], $(".photo3")[0], $(".photo4")[0]];
$photos[0].css("z-index");
当我键入此jQuery代码时,它不起作用:(但是此$ photos [0]返回我需要的确切div。
$photos[0].css("z-index");
应该:
$($photos[0]).css("z-index");
您必须将DOM元素转换回jQuery对象才能使用jQuery函数。
另外,使用jQuery简单过滤元素可能更有效,这样就不需要转换了-
$photos.first().css("z-index");
有关.first()方法的更多详细信息,请参见http://api.jquery.com/first/
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句