jQuery的Internal DSL形式

在上一篇文章里面，我們了解到了Internal DSL的具體形式，形如：

/* Method Chaining */
computer()
  .processor()
    .cores(2)
    .i386()
  .disk()
    .size(150)
  .disk()
    .size(75)
    .speed(7200)
    .sata()
  .end();

然后我們?cè)诳纯匆欢蔚湫偷膉Query代碼：

$("ul#contacts li.item")
  .find("span.name")
    .click(function(e) { $(e.target).siblings(".more").toggle(); })
    .end()
  .find("input.delete")
    .click(function(e) { $(e.target).parents(".item").remove(); })
    .end()
  .find("div.more")
    .hide()
    .end();

從結(jié)構(gòu)上來(lái)說(shuō)，是不是跟上面那一段Internal DSL的例子很相似？就算我們不看對(duì)應(yīng)的HTML，我們也能猜到這段jQuery代碼的含義：

• 遍歷
  中的每一個(gè)
  • 
    （這看起來(lái)是個(gè)聯(lián)系人列表）
    • 對(duì)于里面的
      • 綁定click事件，操作是顯示/隱藏class="more"兄弟節(jié)點(diǎn)
        （這是估計(jì)聯(lián)系人姓名，點(diǎn)擊后切換詳細(xì)信息的顯示/隱藏）
    • 對(duì)于里面的
      • 綁定click事件，操作是把class="item"父節(jié)點(diǎn)刪除
        （這應(yīng)該是用來(lái)刪除聯(lián)系人的）
    • 對(duì)于里面的
      • 隱藏這個(gè)div
        （默認(rèn)隱藏詳細(xì)信息？）

      it知識(shí)庫(kù)：jQuery is DSL (Part 2 - jQuery)，轉(zhuǎn)載需保留來(lái)源！

      鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。