<a href="#" class="data">data</a>
<a href="#" class="removeData">removeData</a>
<div></div>
a{display: inline-block; background: #00FF99; padding:20px; border-bottom:4px solid #00CC00; color:#00CC99; text-decoration:none; margin-bottom:20px;}
$(".data").click(function(){
$("div").data("selamlama", "W3TR ' ye Hoşgeldiniz");
alert("Selamlama: " + $("div").data("selamlama"));
});
$(".removeData").click(function(){
$("div").removeData("Selamlama");
alert("Selamlama: " + $("div").data("Selamlama"));
});
This Pen doesn't use any external CSS resources.