基于JQ的“图书类别选择”界面html代码

好的，以下是一个基于jQuery的“图书类别选择”界面的HTML代码示例：

<div id="book-categories">
  <ul>
    <li>
      <input type="checkbox" id="category-1">
      <label for="category-1">小说</label>
      <a href="#">查看更多</a>
      <button class="expand-button">展开</button>
      <ul class="sub-categories">
        <li>
          <input type="checkbox" id="category-1-1">
          <label for="category-1-1">言情</label>
        </li>
        <li>
          <input type="checkbox" id="category-1-2">
          <label for="category-1-2">悬疑</label>
        </li>
        <li>
          <input type="checkbox" id="category-1-3">
          <label for="category-1-3">历史</label>
        </li>
      </ul>
    </li>
    <li>
      <input type="checkbox" id="category-2">
      <label for="category-2">教育</label>
      <a href="#">查看更多</a>
      <button class="expand-button">展开</button>
      <ul class="sub-categories">
        <li>
          <input type="checkbox" id="category-2-1">
          <label for="category-2-1">小学教育</label>
        </li>
        <li>
          <input type="checkbox" id="category-2-2">
          <label for="category-2-2">中学教育</label>
        </li>
        <li>
          <input type="checkbox" id="category-2-3">
          <label for="category-2-3">大学教育</label>
        </li>
      </ul>
    </li>
  </ul>
</div>

在这个代码中，我们使用了一个`<div>`元素来包含整个“图书类别选择”界面。界面中包含了一个`<ul>`元素和两个`<li>`元素，分别代表了两个图书类别。

每个类别都包含了一个复选框、一个标签和一个链接。当用户点击链接时，可以跳转到该类别下的图书列表页面。每个类别下还有一个展开/收起按钮，方便用户展开或折叠该类别下的子类别。

每个子类别也包含了一个复选框和一个标签。当用户选择一个复选框时，可以选择该类别下的图书。