jQuery页面内搜索文字高亮显示代码

来源:https://www.sucaihuo.com/js/5071.html 2020-01-14 11:25浏览(220) 收藏

jQuery页面内搜索文字高亮显示代码,输入关键字后页面上有匹配的文字会加上背景颜色突出高亮显示。
jQuery页面内搜索文字高亮显示代码
分类:文字特效 > 搜索框 难易:初级
查看演示 下载资源 下载积分: 20 积分
关注公众号,免费赠送安装视频教程、环境和学习视频,后面会不断更新。

js代码

<script src="jquery.min.js"></script>
	<script src="hLight.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		$(function() {
			$("#searchInput").on("input propertychange", function() {
				var s = $(this).val();
				var regu = /^[ ]+$/;
				if(!regu.test(s)) {
					highlight(s,"content");
				}
			});
		});
	</script>
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2