Javascript jquery：在焦点上绘制和擦除边框，并在div的任何子元素上模糊边框

我有一个div，它可以有很多不少于5个子元素，主要是div、table和img。我想在用户单击该div的任何子元素时使用jquery.css方法绘制边框

$div.click(function() {
    //drawing frame here
});

在单击“外部”时删除框架要困难得多。当然，我可以处理任何其他div或body抛出的取消选择onclick事件。但是也许有更优雅的解决方案

提前谢谢你

尝试使用.on'focusin'和.on'focusout'事件来处理这个问题

更多信息：，和

尝试使用.on'focusin'和.on'focusout'事件来处理这个问题

更多信息：，和

尝试使用周围div的函数

例如： HTML:

Fiddler:

尝试使用周围div的函数

例如： HTML:

---

Fiddler:

我是否应该导入更多的东西而不是jquery来生成函数。在可访问时。我是否应该导入更多的东西而不是jquery来生成函数。在可访问时。

<div id="test">
    <div><p>Hallo</p></<div>
        <img src="not found" alt="not found">
    </div>

$('#test').on('click', '*', function(){

    $(this).css('border', '1px solid red');
return false;
});