大神： 第一先实现点击任何地方都隐藏该元素(假设id="bar")

$(document).click(function(){    $("#bar").hide();});

那么bar也属于document，点击bar也会让自己隐藏，显然这不是想要的，这时候要阻止冒泡事件，即document的事件对bar无效

$("#bar").click(function(event){    event.stopPropagation();});

我实际应用是点击一个input，弹出选择时间的一个框，点击除了弹出框以外的任意地方都会隐藏掉弹出框。

$(".sf_time_int").bind("click",function(e){		event.stopPropagation();  // //防止点击input而冒泡到document		$(".jq_datePicker").show();	});	//点击除了选择时间的input和弹出框本身以外的任何地方都隐藏弹出框	$(".jq_datePicker").bind("click",function(e){		event.stopPropagation();  //防止点击自身而冒泡到document	});	$(document).bind("click",function(e){		$(".jq_datePicker").hide();	});