获取当前点击对象，及获取，删除，添加类名

1.获取当前点击对象

方法一：
html:
 <div class="current-area on"  value="1" onclick="getArea1($event);">当前屏幕</div>

js:
function getdata(event){
    console.log(event.currentTarget.className);
    console.log(event.target);
     // 给当前对象添加on类名并删除其他对象的on类名
   $(event.currentTarget).addClass("on").siblings().removeClass('on');
   console.log($(event.currentTarget)[0].className)//获取当前对象的所有类名
   console.log(($(event.currentTarget).is(".current-area")))//获取当前对象是否有某类名
}

方法二：

html：
<button id="btn1" class="btn">按钮1</button>

js：
$("button").click(function(){   
    console.log($(this))
    console.log($(this).attr("class"))
    $(this).addClass("intro").siblings().removeClass('intro');
})