JQuery是一種基于JavaScript的框架,它可以用來方便地操作HTML文檔及其元素。
在網頁中經常需要點贊功能,而使用JQuery可以快速實現一個美觀的點贊特效。
$(document).ready(function(){ $('.like-button').click(function(){ $(this).toggleClass('liked'); }); });
以上代碼使用了JQuery的ready()方法來等待文檔加載完成后再執行代碼。
通過click()方法監聽點贊按鈕的點擊事件,并使用toggleClass()方法來在“喜歡”和“不喜歡”之間切換狀態。
同時,在CSS中定義“.liked”類的樣式,可以使點贊按鈕出現相應的特效。
.liked{ color: red; transform: scale(1.2); }
以上代碼將點贊按鈕的顏色變為紅色,并在點贊時增加動畫效果。
通過以上幾行簡單的JQuery代碼,就可以實現一個酷炫的點贊特效。