<!DOCTYPE用HTML PUBLIC " - // W3C // DTD XHTML 1.0過渡// EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > < タイトル> JQ简单点赞功能</ タイトル> < スクリプトSRC = "https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js" > </ スクリプト> </ ヘッド> < 身体> < スタイル> .lala { 色:#999 ; マージン:10vh 。 カーソル:ポインタ; </ スタイル> < divのクラス= "ララnoStyle" > < スパンクラス= "数" > 89 </ スパン> < スパンクラス= "心" > ❤ </ スパン> </ divの> < スクリプト> $(関数( ){ VAR numberText = のparseInt($(" .NUMBER " )の.text()); $(" .lala " )。(クリック機能を(){ 場合($(この).hasClass(" noStyle " )){ numberText + = 1 ; $(この).find(" .heart " )の.css(" 色" 、" 赤" ); $(この).find(" .NUMBER " )の.html(numberText)。 $(この).find(" .NUMBER " )の.css(" 色" 、「赤」)。 $(この).removeClass(" noStyle " ); } 他{ numberText - = 1 ; $(この).find(" .heart " )の.css(" 色" 、" #999 " ); $(この).find(" .NUMBER " )の.html(numberText)。 $(この).find(" 。)の.css(" 色" 、" #999 " )。 $(この).addClass(" noStyle " ); } }) }) </ スクリプト> </ ボディ> </ HTML >