--- id: bad87fee1348bd9aecb08826 title: Use jQuery to Modify the Entire Page required: - link: 'https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.0/animate.css' challengeType: 6 forumTopicId: 18361 localeTitle: 使用 jQuery 修改整个页面 --- ## Description jQuery 的学习到这里就告一段落了,现在我们来试一试让元素消失的特效。 jQuery 也能选取body标签。 后面的代码效果是使整个body标签淡出: $("body").addClass("animated fadeOut"); 接下来我们做一些更有戏剧性的事:给body标签添加animated和hinge类。 ## Instructions ## Tests ```yml tests: - text: 给body标签添加animated和hinge类。 testString: assert($('body').hasClass('animated') && $('body').hasClass('hinge')); ``` ## Challenge Seed ```html jQuery Playground #left-well #target1 #target2 #target3 #right-well #target4 #target5 #target6 ``` ## Solution ```html jQuery Playground #left-well #target1 #target2 #target3 #right-well #target4 #target5 #target6 ```
body
$("body").addClass("animated fadeOut");
animated
hinge