jQuery 是一个优秀的 Javascript 库，它广泛应用于网页设计和开发中。其中，页内搜索定位功能是 jQuery 中一个非常实用的特性，它可以让用户在当前页面中快速找到想要的内容。如何使用 jQuery 实现页内搜索定位呢？下面我们来看看例子：

$('input').keyup(function() {
var val = $(this).val().toLowerCase();
$('p').each(function() {
var text = $(this).text().toLowerCase();
if (text.indexOf(val) !== -1) {
$(this).show();
} else {
$(this).hide();
}
});
});

上述代码使用 keyup 事件监听用户输入，将输入框中的文本全部转为小写，然后在所有的 p 标签中查找匹配的内容并显示出来。如果没有匹配的内容，则隐藏相应的 p 标签。

另外，我们还可以通过添加 CSS 样式来进一步改善页内搜索定位的体验。例如，将匹配到的文字高亮显示：

mark {
background-color: yellow;
font-weight: bold;
}

示例代码：

$('input').keyup(function() {
var val = $(this).val().toLowerCase();
$('p').each(function() {
var text = $(this).text().toLowerCase();
var html = text.replace(new RegExp(val, 'gi'), '$&');
$(this).html(html);
if (text.indexOf(val) !== -1) {
$(this).show();
} else {
$(this).hide();
}
});
});

在上述代码中，我们使用了正则表达式替换匹配到的字符串，并加上了 mark 标签来实现高亮显示。

以上就是使用 jQuery 实现页内搜索定位的方法和技巧，希望对您有所帮助。