//顶部导航切换 $(".nav li a").click(function(){ $(".nav li a.selected").removeClass("selected") $(this).addClass("selected"); }) })

这段代码主要功能是实现页面顶部导航的切换效果。当用户点击某个导航选项时，先移除当前已选中选项的样式（即类名为“selected”的样式），然后将被点击的选项添加“selected”样式，从而达到选中效果。此外，该代码可能需要在页面加载完成后执行，因此可能包含在$(document).ready()函数内。

相关问题

要用上$.each()方法

好的，可以使用$.each()方法来实现。代码如下：

HTML代码：

<ul class="menu">
  <li><a href="#">菜单1</a></li>
  <li><a href="#">菜单2</a></li>
  <li><a href="#">菜单3</a></li>
  <li><a href="#">菜单4</a></li>
</ul>

JavaScript代码：

$(document).ready(function() {
  // 给菜单项添加鼠标移入事件
  $('.menu li').mouseenter(function() {
    // 使用each()方法遍历所有菜单项
    $('.menu li').each(function() {
      // 移除所有菜单项的选中样式
      $(this).removeClass('selected');
    });
    // 给当前菜单项添加选中样式
    $(this).addClass('selected');
  });
});

解释一下代码的实现过程：

1. 在文档加载完成后，使用`$(document).ready()`方法绑定一个事件处理函数，确保DOM已经完全加载完成后再执行代码。
2. 给所有菜单项的父元素`ul`添加一个类名`menu`，方便在JavaScript中选择。
3. 给所有菜单项`li`添加一个鼠标移入事件处理函数。
4. 在事件处理函数中，使用`$.each()`方法遍历所有菜单项。
5. 使用`.removeClass()`方法移除所有菜单项的选中样式`selected`。
6. 使用`.addClass()`方法给当前菜单项添加选中样式`selected`。

这样，当鼠标指针移入菜单项时，被选中的菜单项样式会发生改变，而且使用$.each()方法遍历菜单项更加灵活。

if (page>=2) // $('.sj-book .p2').addClass('fixed'); // else // $('.sj-book .p2').removeClass('fixed'); // if (page<book.turn('pages')) // $('.sj-book .p111').addClass('fixed'); // else // $('.sj-book .p111').removeClass('fixed'); // Hash.go('page/'+page).update();

你的代码中有一段注释掉的代码，它们是用来根据条件来添加或移除CSS类名的。在第一个条件中，如果页面数大于等于2，会给`.sj-book .p2`元素添加一个名为`fixed`的CSS类名；在第二个条件中，如果当前页面数小于整本书的总页数，会给`.sj-book .p111`元素添加一个名为`fixed`的CSS类名。最后一行代码是用来更新URL中的哈希值，它会将当前页面数作为哈希值的一部分。