本文实例讲述了jQuery实现的超简单点赞效果，分享给大家供大家参考，具体如下：

1.HTML(可以优化一下，尽量少些几个标签.)

div id=' dianz ' b class=' cz ' em1/EMI/is/su超赞/u b类='tj'em2/emi/is/su推荐/u b类='yb'em3/emi/is/su一般/u b类='wl'em6/emi/is/su无聊/u b类='lj'em5/emi/is/su雷囧/u/div2.css样式

# dianz { text-align : center宽度宽度：610px飞越：隐藏；zoom :1 margin 336020 px汽车；} # dianz b { display : inline-block；宽度宽度：120像素宽度：215像素宽度：像素宽度位置：相对；}#dianz b em，#dianz b u，#dianz b i，# dianz b s { display : inline-block；宽度：100%;高度：20 px位置：绝对；left :0 px } # dianz b u { bottom :0 px } # dianz b s { bottom :20 px three :95 px } # dianz b I { width :20 px高度：80 pxleft :50 pxbottom :115 px } # dianz b . cz s { background : URL(./images/dianz。jpg)25px 0px无重复} # dianz b . cz I {底色： # Fe 0032} # dianz b . TJ s {后台： URL(./images/dianz。jpg)-105 px 0px no-repeat } # dianz b . TJ I {底色： # Fe 9903} # dianz b . Yb s {后台： URL(./images/dianz。jpg)-235 px 0px no-repeat } # dianz b . Yb I {底色： # 99c 900} # dianz b . wl s {后台： URL(./images/dianz。jpg)-370 px 0px no-repeat } # dianz b . wl I {底色： # 32 CFF；} # dianz b . LJ s {后台： URL(./images/dianz。jpg)-500 px 0px no-repeat } # dianz b . LJ I {底色： # 3167 ff}3.js(对射流研究…运用的不是非常好，大家可以优化的更好一些)

函数o _ dianz(){ var oi=$(' # dianz b I ')；//获取我；OEM=$(' # dianz b em ')；//获取em；OS=$(' # dianz b s ')；//获取s；bl=nul osz=nul arr=[]；arr 2=[]；函数o _ mm(){ OEM。每个(函数(){ osz=$(this)).text()；由…改编push(osz)；//控制台。log(Arr)})；var get_max=Math.max.apply(null，Arr)；//获取最大点赞数；bl=80/get _ max；oem.each(function(){ osz=$(this)).text()；var oi _ H=数学。地板(osz * bl)；arr 2。push(oi _ H)；});for(var I=0；IAR 2。长度；i ){ oi.eq(i).高度(Arr 2[I])；oem.eq(i).css('top '，80-Arr 2[I])；};};o _ mm()；os.click(function(){ //点赞增加；arr=[]；arr 2=[]；osz=$(这个)。兄弟姐妹(' em ').text()；osz$(这个)。兄弟姐妹(' em ').文本(osz)；o _ mm()；});};o _ dianz()；好了，代码都贴上来了，超级简单的。我写的原理（不知道是不是有更好的，同时病菌也没有检测):设置我标签的默认高度为80px，然后通过射流研究…求出每一个全身长的的文本数值，丢入数组到达)中，再通过这个方法Math.max.apply(null，Arr)，求最大文本的数值，进而求出比例尺（通过最大文本求出比例尺可以保证高度不会大于80PX)，最后通过每一个文本的数值乘以比例尺Math.floor(osz*bl)，求出每一个全身长的对应的高度值brbr。后面的点击事件中每点击一次图标，相对应的重置一次到达)和Arr2，可以保证数值是实时更新的好吧，到这里就完了，

最终结果：

希望本文所述对大家jQuery程序设计有所帮助。