jquery实现点击页面计算点击次数

代码如下所示：

```javascript

$(function(){

var clickCount = 0; // 记录点击次数

var tip = $("").css({ // 创建显示点击次数的标签

"z-index": 99999, position: "absolute", color: "red", display: "none"

});

$("body").append(tip); // 将标签添加到页面中

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

clickCount++; // 点击次数加1

var x = e.pageX, y = e.pageY; // 获取点击位置的坐标

tip.text("+ " + clickCount).css({ // 显示点击次数，并定位到点击位置附近

display: "block", top: y - 15, left: x, opacity: 1

}).stop().animate({ // 如果发生多次点击时，停止上一个动画的执行并显示动画效果

top: y - 180, opacity: 0

}, 800, function(){ // 动画完成后隐藏标签

tip.hide();

});

e.stopPropagation(); // 阻止事件冒泡，防止父级元素接收到点击事件触发额外的行为

});

});

```

这段代码不仅展示了如何使用jQuery来追踪用户的点击行为，还展示了如何使用CSS来美化并定位显示元素。每次点击页面时，都会在点击位置附近出现一个红色的数字标签，显示当前的点击次数。动画效果使得这个数字标签在显示一段时间后自动消失。希望这段实用的代码能给你们带来启发和帮助！