<a class="data" href="#">DATA</a>
<a class="removeData" href="#">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ŞGELDİNİZ");
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.