返回列表 發帖

$('div.tabBlock', container).hide().eq(0).show(); 該如何解釋

您好:
請問 以下片段程式中,
                    $('div.tabBlock', container).hide().eq(0).show();
這該如何解釋,
  $('div.tabBlock', container) 示只2個selector 嗎?
這2個都做同樣的動作嗎?
謝謝!
                var _handler = function() {
                    var container = this; // 加入這行,並將以下表示 div#mytab 的 this 改為 container
                    //container 的div.tabBlock,先影藏        ,再將第一個顯示出來
                    $('div.tabBlock', container).hide().eq(0).show();
                    $('div.tabs li a', container).click(function () {
                        $('div.tabs li', container).removeClass('active');
                        $(this).parent('li').toggleClass('active'); // 這個 this 不用動,它表示 a 元素
                        
                           $('div.tabBlock', container).hide(); // 先全部藏起來
                        var id = (String(this.href).match(/(#.+)$/))[1]; // 只抓對應的 tabBlock id
                           $(id).show(); // 顯示對應的 tabBlock
                               
                        return false;
                    });
                };

jQuery(expression, context)
這是找 context 裡面符合 expression 的元素。

你那一段有註解,再寫清楚點的話就是:
找 container 內的 div.tabBlock -> 全部隱藏 -> 再將第一個顯示出來
To infinity and beyond!

TOP

您好,謝謝您!

TOP

返回列表 回復 發帖