在jQuery中为div变量赋一个div名称

Question

Does anyone know why $bz_div.length < 1 or $bz_div.remove() don't work while $('#bz-ph').length < 1 or $('#bz-ph').remove() do?

Can't I assign a div name like $('#bz-ph') to a variable?

var show = function (options) {
    var $gallery    = $('#gallery');
    var $img        = $('.bz-img');
    var $bz_div     = $('#bz-ph');

    $img.click(function () {
        var $img_path   = $(this).data('image');
        print($bz_div.length);
        /* Prevents: double click = double gallery layer */
        if ($bz_div.length < 1) {
            $gallery.append(output(options, $img_path));
        } else {
            $bz_div.remove();
        }
    });
};

Answer 1

When you do this $('#bz-ph'), you're getting the object in dom by jquery. It's a shortcut to document.getElementById("bz-ph").

To assign a div to a variable, you can do something like this.

var obj = $('#bz-ph');
$(obj).fadeOut();