jQuery中的data()方法非常實用，可以讓我們在DOM元素中存儲數據，以便隨時調用。而在實際應用中，jQuery的data()方法也有一個很實用的特性叫做data-rel。

<div class="menu-item" data-id="1" data-rel="popup">
<span>菜單1</span>
</div>

如上代碼所示，我們在一個div標簽中通過data-id存儲了一個數據1，而在data-rel中存儲了字符串"popup"。這樣的話，我們就可以在代碼中隨時通過data()方法來調用這些數據，在需要時進行數據的取用、修改和刪除等操作了。

//通過data()方法獲取元素中的數據
var menuId = $(".menu-item").data("id"); //返回值為1
//通過data()方法來修改元素中的數據
$(".menu-item").data("id",2); 
//通過removeAttr()方法來刪除元素中的data-rel屬性
$(".menu-item").removeAttr("data-rel");

使用jQuery的data-rel方法，我們可以將一些其他的數據信息存儲在DOM元素中，比如彈出層的ID、回調函數的名字等等。這樣就比在代碼中直接寫這些信息要方便得多，而且還更加便于維護。