Question

我有HTML代码

<div class="container">
<div class="content">
<div class="logo"> 
   <a href="http://www.afterquote.com/"> <img src="logo.jpg" alt="logo" /></a>
</div>
<!--logo--> 
</div>
<!--content--> 
</div>
<!--container-->

CSS

.logo.animated {
    border-radius: 50%;
transform: rotate(720deg);
}
.logo {
    height: 80px;
margin: 0 auto;
transition: all 1s ease 0s;
width: 80px;
}
.logo img {
border-radius: 15px;
}

我想在加载页面时加载.logo.animated类。请分享相同的jquery代码。

Answer 1

您可以使用 .addClass() 以及将代码包装在$(window).load(function() {...});中：

$(window).load(function() {
    $('.logo').addClass('animated');
});

Answer 2

你可以使用这个

$(document).ready(function(){
$('.logo').addClass('animated');
})

Answer 3

由于您的页面上有图像，您可能希望等待加载图像（否则即使图像未加载也会看到动画） - 在这种情况下，您可以使用

$(window).load(function(){
  $('.logo').addClass('animated');
});

Answer 4

您可以使用以下内容：

：

$(function() {
$('.logo').addClass('animated');
});

或者：

window.load(function(){
$('.logo').addClass('animated');
})

页面加载时添加类

4 个答案: