獲取當前點擊對象,及獲取,刪除,添加類名

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

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容