jQuery实现获取当前鼠标位置并输出功能示例

首先了解一下jQuery中鼠标事件的相关知识：

1. mousemove事件表示鼠标在元素内部移动时触发，可以监听鼠标移动的事件。
2. event.pageX和event.pageY属性表示鼠标相对于文档的位置，通过这两个属性可以获取鼠标的位置。

接下来，为了实现获取当前鼠标位置并输出，需要先监听mousemove事件，并在回调函数中获取鼠标位置并输出。

以下是代码示例：

$(document).on('mousemove', function(e) {
  var x = e.pageX;
  var y = e.pageY;
  console.log('x: ' + x + ', y: ' + y);
});

这段代码首先给文档对象注册一个mousemove事件，在回调函数中通过e.pageX和e.pageY属性获取鼠标位置，并使用console.log()将位置信息输出到控制台。

除了控制台输出外，也可以将鼠标位置信息渲染到页面中。

以下是代码示例：

<div id="output"></div>

$(document).on('mousemove', function(e) {
  var x = e.pageX;
  var y = e.pageY;
  $('#output').text('x: ' + x + ', y: ' + y);
});

这段代码首先在页面中创建一个<div>元素，并指定一个id属性用于后续的操作。然后给文档对象注册一个mousemove事件，在回调函数中通过e.pageX和e.pageY属性获取鼠标位置，并使用$('#output').text()将位置信息设置为<div>元素的文本内容。

这样，鼠标位置信息就可以实时在页面中显示了。

当然，以上两个示例只是简单的实现，还可以根据实际需求进行更多的操作。