<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"));
});

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. //cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js