id	title	challengeType	videoUrl	forumTopicId
bad88fee1348bd9aedf08816	用 a 实现网页内部跳转	0	https://scrimba.com/p/pVMPUv/cyrDRUL	301098

--description--

a 元素还可以用来实现页面内不同区域的跳转，只需要把a元素的href值设置为井号#加欲跳转区域对应的id值即可。id是描述网页元素的一个属性，它的值在整个页面中唯一。

下面是用来创建内部 a 的例子：

<a href="#contacts-header">Contacts</a>
...
<h2 id="contacts-header">Contacts</h2>

当用户点击了Contacts链接，页面就会跳转到网页的Contacts区域。

--instructions--

通过修改href属性为#footer来更改外部链接为内部链接，同时修改文本cat photos为Jump to Bottom。

移除 target="_blank" 属性，它会使得链接在新标签页中打开。

然后添加一个<footer>元素，它的id值为footer。

页面中应该只有一个 a 。

assert($('a').length == 1);

页面中应该只有一个footer元素。

assert($('footer').length == 1);

a 的href属性应为 "#footer"。

assert($('a').eq(0).attr('href') == '#footer');

a 不应该有target属性。

assert(
  typeof $('a').eq(0).attr('target') == typeof undefined ||
    $('a').eq(0).attr('target') == true
);

a 的文本应为Jump to Bottom。

assert(
  $('a')
    .eq(0)
    .text()
    .match(/Jump to Bottom/gi)
);

footer元素的id属性应为 "footer"。

assert($('footer').eq(0).attr('id') == 'footer');