版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/slh2016/article/details/80803436
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JQuery字符串文本替换并加样式</title>
<script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("#click").click(function(){
// $('p').hide();
var txt = $('#txt').html();
console.log(txt);
var tt=txt.replace(/我/g, '<span style="color:red;">你</span>');
$('#txt').html(tt);
});
});
</script>
</head>
<body>
<p id="txt">如果你点我，我就会消失。</p>
<button id="click" >点我!</button>
</body>
</html>初始样式：
点击“点我”按钮之后，“我”替换成“你”并且改变颜色为红色：
