开发技术学习

先看一下html页面:

要求点击div#searchSelected显示div#searchTab,当点击页面其它地方的时候也需隐藏div#searchTab

js代码：

function stopPropagation(e) {
    if (e.stopPropagation)
        e.stopPropagation();
    else
        e.cancelBubble = true;
}
$(function(){
    $(document).click(function(){
        $("#searchTab").hide();
        $("#searchSelected").removeClass("searchOpen");
    });
    $("#searchSelected").bind('click', function(e){
        stopPropagation(e);
        $("#searchTab").show();
        $(this).addClass("searchOpen");
    });
});

就是相当于点击div#searchSelected的时候要阻止页面其它的事件

更加详细的说明请参阅上一篇文章：    jquery点击页面隐藏，由点击页面其它地方隐藏div所想到的jQuery的delegate