jQuery：如果 $(this) 或另一个元素模糊，那么

Question

如果当前活动元素 $(this) 或另一个预定义元素（例如：div#tooltip）模糊，我想触发一个函数。但到目前为止我还没有找到如何做到这一点。我尝试过：

$(this).add('div#tooltip').live('blur', function(){
    $('div#tooltip').hide();
});

例如，假设 $(this) 是一个输入字段，预定义的第二个元素将是一个工具提示 div，并且如果其中之一模糊，我希望工具提示隐藏。

编辑： div#tooltip 包含一个锚点，如果单击它，该锚点不应使 div#tooltip 隐藏。

编辑2： 好的，这是对我的问题的更准确的解释。我有 $.fn.tooltip 函数，我将其应用于具有可变类名和 id 的各种文本输入。因此，该输入只能在函数内引用为$(this)。
其次，我有工​​具提示 div，它是由函数创建的。该 div 的 ID 为 #tooltip。此工具提示/div 可以包含一些其他元素，例如锚点。
单击输入字段（此）时会自动显示工具提示。一旦关闭，即使输入字段再次获得焦点，也不会再次显示。

我想做的是：

当文本输入失去焦点时，必须删除工具提示 除非如果光标位于工具提示/div 内或单击此 div 内的元素。

有人吗？

Answer 1

像这样：http://jsfiddle.net/uu3zX/7/

HTML：

<input type="text" class="with-tooltip">
<span class="tooltip">?<a style="display:none" href="#">The tip</a></span>

JavaScript：

$('.with-tooltip').on('focus', function(){
    $(this).next().children().show();
});

$('.with-tooltip').on('blur', function(){
    $(this).next().children().hide();
});

$('.tooltip').hover(
    function(){
       $(this).children().show();
    },
    function(){
       $(this).children().hide();
    }
);

更新
添加了替代解决方案以满足使用 this 的 OP 要求

Answer 2

借用 IntoTheVoid 的小提琴：您应该将输入和工具提示包装在容器 div（或其他一些容器元素）中，以在一行中执行此操作：

$('.tooltip, input').on('mouseout', function(){
    $(this).parent().children('.tooltip').hide();
}).on('focus mouseover', function(){
    $(this).parent().children('.tooltip').show();
});