jQuery 選擇器 $("#btn_table .checkboxs") 含義解析

jQuery 選擇器 $("#btn_table .checkboxs") 的含義：選擇 id="btn_table" 的元素內部所有 class="checkboxs" 的後代元素（不限於直接子元素）。

選擇器分解

匹配示例

<div id="btn_table">
  <span class="checkboxs">匹配（直接子元素）</span>
  <div>
    <input class="checkboxs" /> <!-- 匹配（孫元素） -->
  </div>
</div>
<span class="checkboxs">不匹配（不在 #btn_table 內）</span>

相關選擇器對比

• $("#btn_table > .checkboxs") —— 只匹配直接子元素（子組合器 >）
• $("#btn_table .checkboxs:first") —— 只取第一個匹配元素
• $(".checkboxs", $("#btn_table")) —— 上下文選擇器寫法，效果相同

參考資源

jQuery 選擇器完整教程

理解選擇器組合器（空格、>、+、~）是精準定位 DOM 的關鍵。