jquery 怎么把好友空間全部點贊

看到有網(wǎng)友制作了對空間好友的動態(tài)點贊，加了個以及取消贊的功能。直接運行的腳本

創(chuàng)新互聯(lián)專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務，包含不限于成都網(wǎng)站設(shè)計、網(wǎng)站建設(shè)、修武網(wǎng)絡(luò)推廣、重慶小程序開發(fā)公司、修武網(wǎng)絡(luò)營銷、修武企業(yè)策劃、修武品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運營等，從售前售中售后，我們都將竭誠為您服務，您的肯定，是我們最大的嘉獎；創(chuàng)新互聯(lián)為所有大學生創(chuàng)業(yè)者提供修武建站搭建服務，24小時服務熱線：13518219792，官方網(wǎng)址：www.cdcxhl.com

好友動態(tài)點贊代碼

jQuery("a.qz_like_btn_v3[data-clicklog='like']").each(function(index,item){ console.log(item); jQuery(item).trigger('click'); }); jQuery(window).scroll(function(){ jQuery("a.qz_like_btn_v3[data-clicklog='like']").each(function(index,item){ jQuery(item).trigger('click'); }); return true; });

取消已點贊

jQuery("a.qz_like_btn_v3[data-clicklog='cancellike']").each(function(index,item){ console.log(item); jQuery(item).trigger('click'); }); jQuery(window).scroll(function(){ jQuery("a.qz_like_btn_v3[data-clicklog='cancellike']").each(function(index,item){ jQuery(item).trigger('click'); }); return true; });

jQuery或js點贊功能代碼,并且要把數(shù)據(jù)傳到數(shù)據(jù)庫

首先只需要在body中定義一個button。和盛放心的盒子

div id = "demo"/div

input type = "button" id = "btn1" value = "點個贊吧" /

由于還要引進心的圖片，所以在這里我們在設(shè)置css樣式的時候還要設(shè)置圖片img的樣式。

css代碼如下：

style type="text/css"

*{

margin: 0px;

padding: 0px;

}

#btn1{

position: absolute;

bottom:100px;

width: 200px;

background-color: lightblue;

font-size: 18px;

left:45%;

}

img{

bottom:100px;

margin-left: -15px;

width: 20px;

height:20px;

position: absolute;

left: 50%;

}

/style

下來就是要寫jquery函數(shù)。

(document).ready(function(){

// 1. 首先給按鈕綁定點擊事件。(“#btn1”).click(function(){

//2. 生成彩色的心，即隨機選擇圖片。

// 2.1 生成隨機數(shù)

var num = Math.floor(Math.random() * 3 +1);

//2.2 生成一個img元素，并為其添加src屬性

var image = $(“”);

//三個圖片的名字分別是 1.png\2.png\3.png,所以img的路徑和圖片名可以進行線面的字符串拼接

image.attr(“src”,”./images/”+num+”.png”);

//3。將生成的img追加到頁面上

$(“#demo”).append(image);

//4. 下來就是讓心動起來。從點擊按鈕的地方向上飄。利用jquery的動畫函數(shù)animate()

//生成隨機的距離左邊的距離，這樣就可以使心有種向上飄的感覺

var left = Math.random() * 800;

image.animate({

‘bottom':'800px',

‘left':left,

‘opacity':'0'

},3000);

});

})；

});

怎么利用ajax 和 js實現(xiàn)點贊功能

先引入jquery文件

然后點擊事件比如說下面的html代碼

a?class="like"?data-id="55"點我贊一個span?class="zan"99/span/a

然后js代碼

$(document).on("click",".like",function(){

var?dataid=$(this).attr("data-id");

var?url='3tii.com/test/ajax.php?id='+dataid;

$.ajax({

url:?url,

type:?'get',

dataType:'json',

success:?function?(data)?{

$('.zan').html(data.html);

}

});

});

然后ajax.php文件,這個文件里面先獲取id,然后根據(jù)id,update新"贊"那個字段,每點一次就+1,

然后再獲取"贊"字段的值,就是總的贊了多少次,將結(jié)果存到數(shù)組里面,返回json數(shù)據(jù),就是上面js的,data.html

ajax.php相關(guān)代碼

//相關(guān)的sql語然,按照你自己的來,根據(jù)獲取的id,update新"贊"那個字段,每點一次就+1

//然后再獲取"贊"字段的最新值

$data=array(

"html"=23?//這里是獲取到的贊的最新值

);

}

echo?json_encode($data);

ok,就可以了.