使用jQuery实现关键字高亮

最新推荐文章于 2023-07-28 09:27:06 发布

airuoflora

最新推荐文章于 2023-07-28 09:27:06 发布

阅读量1.2k

点赞数

分类专栏：个人经验 java html

本文链接：https://blog.csdn.net/floraruo/article/details/98115822

版权

java 同时被 3 个专栏收录

30 篇文章 1 订阅

订阅专栏

个人经验

28 篇文章 0 订阅

订阅专栏

html

12 篇文章 0 订阅

订阅专栏

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<title></title>
		<script type="text/javascript" src="jquery-1.8.3.js"></script>
		<style type="text/css">
		</style>
		<script type="text/javascript">
		
		/*$(function(){
			$('#dd p').wrap('<font color="red"></font>');
		})*/

		$(function(){
			var old=$('#dd').html();
			$('button').click(function(){
				$('#dd').html(old);
				var text=$('#dd').html();
				alert(text);
				var gjz=$('#txt').val();
				alert(gjz);
				var findtext = text.split(gjz);
				text= findtext.join('<font style="color:red;">' + gjz + '</font> ');
				$('#dd').html(text);
		    });
		});


		</script>
	</head>
	<body>
	关键字:<input on type="text" id="txt"/><button id="btn">高亮关键字</button>
	<div id="dd">java好，java妙，java学好了呱呱叫？你难道不学java吗？</div>
	</body>
</html>

效果如下：

airuoflora

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
使用jQuery实现关键字高亮

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <title></title&g...
复制链接

扫一扫

专栏目录