javascript - 需要帮助才能理解一段代码

Question

我很难理解以下来自此页面http://trevordavis.net/play/jquery-one-page-nav/的代码（一页网站的教程）。尤其是代码中间的 .do 和 Lorem ispum 文本以及对第 4 节的引用。你能不能给它一点光？非常感谢

<script src="jquery.js"></script>
<script src="jquery.scrollTo.js"></script>
<script src="jquery.nav.min.js"></script>
<script>
$(document).ready(function() {
  $('#nav').onePageNav();

  $('.do').click(function(e) {
    $('#section-4').append('<p>Lorem ipsum dolor...</p>');
    e.preventDefault();
  });

});
</script>

Answer 1

$('.do').click(function(e) {
    $('#section-4').append('<p>Lorem ipsum dolor...</p>');
    e.preventDefault();
  });

这是在 do 类的所有元素上创建一个单击事件处理程序。单击该元素时，带有 Lorem ipsum 文本的段落将添加到 id 为 section-4 的元素中。