2018-10-10 18:03:03 -04:00
|
|
|
---
|
|
|
|
|
id: bad87fee1348bd9aecb08826
|
2020-12-16 00:37:30 -07:00
|
|
|
title: 使用 jQuery 修改整个页面
|
2018-10-10 18:03:03 -04:00
|
|
|
challengeType: 6
|
2020-09-07 16:17:51 +08:00
|
|
|
forumTopicId: 18361
|
2020-12-16 00:37:30 -07:00
|
|
|
required:
|
|
|
|
|
- link: 'https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.0/animate.css'
|
2018-10-10 18:03:03 -04:00
|
|
|
---
|
|
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
# --description--
|
2018-10-10 18:03:03 -04:00
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
jQuery 的学习到这里就告一段落了，现在我们来试一试让元素消失的特效。
|
2018-10-10 18:03:03 -04:00
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
jQuery 也能选取`body`标签。
|
2018-10-10 18:03:03 -04:00
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
后面的代码效果是使整个`body`标签淡出：`$("body").addClass("animated fadeOut");`
|
2018-10-10 18:03:03 -04:00
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
接下来我们做一些更有戏剧性的事：给`body`标签添加`animated`和`hinge`类。
|
2018-10-10 18:03:03 -04:00
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
# --hints--
|
2020-09-07 16:17:51 +08:00
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
给`body`标签添加`animated`和`hinge`类。
|
2020-09-07 16:17:51 +08:00
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
```js
|
|
|
|
|
assert($('body').hasClass('animated') && $('body').hasClass('hinge'));
|
2018-10-10 18:03:03 -04:00
|
|
|
```
|
2020-08-13 17:24:35 +02:00
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
# --solutions--
|
2020-09-07 16:17:51 +08:00
|
|
|
|
