在网页开发中，常常需要对用户输入进行限制，比如让输入框只能输入数字和小数点。使用jQuery可以轻松实现这一功能，不仅能提升用户体验，还能确保数据的准确性和合法性。

我们需要在HTML文件中引入jQuery库。这是使用jQuery的基础，只有引入了库，我们才能调用其丰富的函数和方法。可以通过CDN链接快速引入，也可以将库文件下载到本地后进行引用。

接着，创建一个输入框元素。例如：<input type="text" id="numberInput">。这里为输入框设置了一个唯一的id，方便后续使用jQuery进行操作。

然后，使用jQuery来实现输入限制。代码如下：

$(document).ready(function() {
    $('#numberInput').on('input', function() {
        this.value = this.value.replace(/[^\d.]/g, '');
        if (this.value.split('.').length > 2) {
            this.value = this.value.split('.')[0] + '.' + this.value.split('.')[1];
        }
    });
});

这段代码中，$(document).ready()函数确保在文档加载完成后才执行代码。$('#numberInput').on('input', function())为输入框绑定了input事件，当用户在输入框中输入内容时，会触发该函数。this.value = this.value.replace(/[^\d.]/g, '');使用正则表达式，将输入框中的非数字和非小数点字符替换为空，从而实现只能输入数字和小数点。而if (this.value.split('.').length > 2)这部分代码，则是为了防止用户输入多个小数点，当检测到小数点数量超过2个时，对输入内容进行修正。

通过以上步骤，就成功实现了用jQuery让输入框只能输入数字和小数点。这种输入限制在很多场景下都非常实用，比如金额输入、数量输入等。它能够有效避免用户输入非法字符，减少数据处理过程中的错误，提高系统的稳定性和可靠性。掌握这一技巧，对于提升网页开发的质量和效率具有重要意义。无论是新手开发者还是经验丰富的程序员，都可以通过合理运用jQuery来实现各种实用的交互功能。