jQuery实现了页面关键字搜索功能。
具体的代码:
搜索
P { border: 1px solid黑;宽度:500px;填充:5px;}
突出显示{背景色:黄色;}
我认为一个人的大脑本来就像一个空荡荡的阁楼,你必须根据你选择的家具来储存它。一个傻瓜把他碰到的每一种木材都收进去,这样可能对他有用的知识就会被排挤出去,或者充其量也混杂了许多其他的东西,这样他就很难掌握它了。
我认为一个人的大脑本来就像一个空荡荡的阁楼,你必须根据你选择的家具来储存它。一个傻瓜把他碰到的每一种木材都收进去,这样可能对他有用的知识就会被排挤出去,或者充其量也混杂了许多其他的东西,这样他就很难掌握它了。
我认为一个人的大脑本来就像一个空荡荡的阁楼,你必须根据你选择的家具来储存它。一个傻瓜把他碰到的每一种木材都收进去,这样可能对他有用的知识就会被排挤出去,或者充其量也混杂了许多其他的东西,这样他就很难掌握它了。
$(文档)Ready(函数())
{
$(#搜索)。Click(突出); / /点击搜索,执行功能的彰显;
$(#明确'),Click(clearselection); / /单击清除按钮,执行clearselection功能;
函数高亮()
{
(clearselection); / /首先明确一下最后强调的内容;
VaR SearchText =美元(' #(文本)。瓦尔); / /让你的关键词;
VaR regexp = new RegExp(要查找的文字,'克'); / /创建一个正则表达式,G说全球,如果不是G,是发现第一不会继续往下看;
$('p')。每个(功能)( / /遍历;
{
Html();
无功newhtml = html.replace(regexp,'' + SearchText + '); / /会找到替代的关键,加上突出的属性;
$(这)。Html(newhtml); / /更新;
});
}
clearselection()函数
{
$('p')。每个(功能)/(遍历
{
$(this)。查找(突出显示)。每个(函数)(高亮显示/查找元素的所有属性);
{
(美元(美元。用)(这)(HTML)); / /将删除属性;
});
});
}
});
以上是本文的全部内容,希望能对您有所帮助,希望大家多多支持。