jquery控制显示与隐藏

Question

是这样的.
页面中的js用jquery的方法 $("#div1").load("aa.aspx");
加载了个页面,,放到div1中html代码如下:<input type="text" id="txtTo" name="txtTo">
<div id="div1"></div>js代码:
$("#txtTo").focus(function () {
    $("#div1").load("aa.aspx");
});现在想实现当鼠标 不在 txtTo文本框中,不在<div>所包围中,去隐藏掉<div>...js代码如何写?谢谢!

Answer 1

<input type="text" id="txtTo" name="txtTo" onblur='$("#div1").hide();'>

Answer 2

$(function(){
$("div").mouseleave(function () {
  $(this).hide();
});})

Answer 3

孟子兄,,如果 aa.aspx页面,是有需要操作的话,那你这样,会造成移除掉txtTo文本后,隐藏了div的..

Answer 4

 jQuery(function($) {
            $('#txtTo').mouseout(function() {
                var i = false;
                $('#div1').hover(function() {
                    i = true;
                    $(this).show();
                }, function() {
                    $(this).fadeOut(1000);
                });
                if (i == false) $('#div1').hide();
            }).mouseover(function() {
                $('#div1').show();
            });
        });