1. 标准的markdown格式文本如下：

jQuery实现指定区域外单击关闭指定层的方法【经典】

1. 问题描述

在网页中，我们通常会使用一些弹出层来展示一些信息或者操作，但是当用户在界面上单击其他区域时，弹出层需要被关闭，这就需要实现指定区域外单击关闭指定层的方法。

2. 实现过程

我们可以利用jQuery的事件绑定机制来实现指定区域外单击关闭指定层的方法。具体实现步骤如下：

2.1 绑定document的click事件

可以使用jQuery的bind()方法来绑定document的click事件，并在回调函数中处理事件。

$(document).bind('click', function(event) {
    //todo
});

2.2 获取点击事件的目标元素

在回调函数中，我们可以利用event.target来获取点击事件的目标元素。

2.3 判断目标元素是否在指定区域内

我们需要判断目标元素是否位于指定区域内，如果是，则不需要关闭指定层。

2.4 关闭指定层

如果目标元素不在指定区域内，则需要关闭指定层。我们可以使用jQuery的fadeOut()方法来实现。

$('#layer').fadeOut();

3. 示例

下面是两个示例，分别演示了如何实现指定区域外单击关闭指定层的方法。

3.1 示例一

<div id="layer">
    <p>这是一个弹出层</p>
</div>
<button id="btn">点击弹出层</button>

$('#btn').click(function() {
    $('#layer').fadeIn();
    return false;
});

$(document).bind('click', function(event) {
    if ($(event.target).closest('#layer').length === 0) {
        $('#layer').fadeOut();
    }
});

3.2 示例二

<div id="layer" style="position: absolute;width: 100px;height: 100px;left: 100px;top: 100px;background-color: #eee;padding: 10px;">
    <p>这是一个弹出层</p>
</div>
<button id="btn">点击弹出层</button>

$('#btn').click(function() {
    $('#layer').fadeIn();
    return false;
});

$(document).bind('click', function(event) {
    var x = event.clientX;
    var y = event.clientY;
    var position = $('#layer').position();
    var left = position.left;
    var top = position.top;
    var width = $('#layer').width();
    var height = $('#layer').height();
    if (x < left || x > left + width || y < top || y > top + height) {
        $('#layer').fadeOut();
    }
});

4. 总结

通过上面的代码示例，我们了解了如何使用jQuery来实现指定区域外单击关闭指定层的方法。这种方法既简单又实用，可以提高用户体验，使网页更加友好。