JQシンプルな親指アップ機能

<!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 >

 

おすすめ

転載: www.cnblogs.com/fkcqwq/p/11131566.html