求教这段代码，没看懂

$('a').click(function(){
 $('html, body').animate({
  scrollTop: $( $.attr(this, 'href') ).offset().top
 }, 500);
 return false;
});
下面这里的this指的是什么？
就这段代码而言，这段代码什么意思
$( $.attr(this, 'href') ).

爱前端的小学生 2017-12-04

源自：项目：实现企业网站首页 2-7 作业题

收起

3回答

小丸子爱吃菜 2017-12-04 16:00:07

这段代码出自哪节课中的，可以说明一下，需要结合上下文去判断这个代码。

就目前这段代码来看，$.attr(this, 'href')获取到的是a，$($.attr(this, 'href'))获取到的是section

收起回答

提问者爱前端的小学生 2017-12-04 15:48:45

<ul>
 <a href="#fcg"><li class="fcg on"><span>栅格系统</span></li></a>
 <a href="#fwx"><li class="fwx"><span>内联表单</span></li></a>
 <a href="#fjp"><li class="fjp"><span>焦点状态</span></li></a>
 <a href="#fpz"><li class="fpz"><span>按钮</span></li></a>
 <a href="#fds"><li class="fds"><span>字体图标</span></li></a>
 <a href="#fdl"><li class="fdl"><span>按钮组</span></li></a>
 <a href="#jm"><li class="jm"><span>导航条</span></li></a>
 <a href="#sm"><li class="sm"><span>缩略图</span></li></a>
</ul>

<section id="fcg"></secction>
< section id="fwx"></secction>
< section id="fjp"></secction>

$('a').click(function(){
 $('html, body').animate({
  scrollTop: $( $.attr(this, 'href') ).offset().top
 }, 500);
 return false;
});

上面回复的代码乱我重新给您发一下

收起回答

小丸子爱吃菜 2017-12-04 14:12:28

attr() 方法设置或返回被选元素的属性和值。

这里面的this指的是当前有href的元素，this永远指向调用它的元素。

祝学习愉快！

收起回答

提问者爱前端的小学生 #1

<ul> <a href="#fcg"><li class="fcg on">栅格系统</li></a> <a href="#fwx"><li class="fwx">内联表单</li></a> <a href="#fjp"><li class="fjp">焦点状态</li></a> <a href="#fpz"><li class="fpz">按钮</li></a> <a href="#fds"><li class="fds">字体图标</li></a> <a href="#fdl"><li class="fdl">按钮组</li></a> <a href="#jm"><li class="jm">导航条</li></a> <a href="#sm"><li class="sm">缩略图</li></a> </ul> <section id="fcg"></secction> <section id="fwx"></secction> <section id="fjp"></secction> $('a').click(function(){ $('html, body').animate({ scrollTop: $( $.attr(this, 'href') ).offset().top }, 500); return false; }); 就这样代码就能实现利用锚点点击链接跳转到指定ID 的section，但是$( $.attr(this, 'href') )选择器选择的section也没有 href属性啊

2017-12-04 15:46:26