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

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类的元素上创建一个click事件处理程序。单击元素时，带有Lorem ipsum文本的段落将添加到id为section-4的元素。