JQuery是Web開發中常用的一個JavaScript框架，其強大的功能和易用性使得它受到了廣泛的歡迎。在JQuery中，我們可以很方便地創建和控制網頁上的各種元素，比如彈出層和遮罩層。

其中，JQuery1.2版本中的彈出遮罩層功能十分重要，它可以幫助我們控制某些元素的顯示和隱藏，并且在元素被隱藏之后，能夠為其添加遮罩層，防止用戶誤操作。

//彈出遮罩層函數
$.fn.showMask = function (options) {
var defaults = {
opacity: 0.5,
backgroundColor: '#000',
zIndex: 9999
};
var opts = $.extend(defaults, options); //使用jQuery.extend 擴展/合并一個或多個對象
var $mask = $('
').appendTo($(this));
$mask.css({
'background-color': opts.backgroundColor,
'opacity': opts.opacity,
'position': 'absolute',
'z-index': opts.zIndex,
'height': $(document).height(),
'width': $(document).width(),
'top': 0,
'left': 0
});
};
//關閉遮罩層函數
$.fn.hideMask = function () {
$(this).find('.mask').remove();
};

以上代碼便是我們所需要的彈出遮罩層函數，其中showMask和hideMask分別是彈出和關閉遮罩層的函數，而在showMask函數中，我們使用了jQuery.extend函數對默認參數和用戶輸入的參數進行了合并，從而得到最終的參數opts。之后，我們創建了一個JQuery對象$mask，并將其添加到當前元素中。接下來，我們對其CSS樣式進行設置，實現了遮罩層的顯示效果。

當需要關閉遮罩層時，我們只需調用hideMask函數即可，它會找到當前元素中的.mask元素，并移除它，從而實現了遮罩層的關閉效果。

總而言之，JQuery1.2彈出遮罩層是一個非常實用的功能，它可以幫助我們控制網頁上的元素顯示和隱藏，并且提供了一定的保護措施，避免了用戶誤操作。我們可以通過擴展JQuery庫，進一步地定制和開發適合自己項目的彈出遮罩層效果。