HTML代碼：

<div id="myCarousel" class="carousel slide"><ol class="carousel-indicators"><li data-target="#myCarousel" data-slide-to="0" class="active"></li><li data-target="#myCarousel" data-slide-to="1"></li><li data-target="#myCarousel" data-slide-to="2"></li><li data-target="#myCarousel" data-slide-to="3"></li></ol><div class="carousel-inner"><div class="item active"><img src="./images/lunbo1.jpg"></div><div class="item"><img src="./images/lunbo2.jpg"></div><div class="item"><img src="./images/lunbo3.jpg"></div><div class="item"><img src="./images/lunbo4.jpg"></div></div> </div>

jQuery代碼：

<!-- js引入 --> <script src="js/jquery-3.1.1.min.js"></script> <script src="js/bootstrap.min.js"></script> <script>$(function () {$('#myCarousel').carousel({interval: 4000});//獲取輪播的第一個，然后添加class樣式$(".carousel-inner").find("div").first().attr("class","item active");$(".carousel-indicators").find("li").first().attr("class","active");}); </script>

總結

以上是生活随笔為你收集整理的jquery给轮播图的第一张设置class样式的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。