JQuery字符串文本替换并且加样式

<!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>

初始样式：

点击“点我”按钮之后，“我”替换成“你”并且改变颜色为红色：

JQuery字符串文本替换并且加样式相关推荐

03 jquery easyui 之 easyLoader 加载器
EasyLoader 是可以加载CSS样式.脚本.动态加载easyui组件.需要使用到easyloader.js,就不使用jquery.easyui.min.js 加载 EasyUI 模块 1 2 3 ...
ajax 请求svg,jQuery append 到AJAX加载的SVG问题
我已成功通过AJAX从外部文件加载了一些svg:$("#svg").load(svgUrl + " svg", function() { // do stuff ...
通过url判断当前页，动态给导航加样式
//通过url判断当前页,动态给导航加样式 var str =location.pathname; var index = str.lastIndexOf("\/"); str = ...
jQuery Mobile中主题theme样式a-z
全栈工程师开发手册 (作者:栾鹏) jQuery Mobile 所有class选项 jQuery Mobile中主题theme样式 Classes 字母 (a-z) 意为样式可以指定 a 到 z.例如 ...
html轮播鼠标悬停效果,jQuery图片轮播加悬停效果
插件描述:jQuery图片轮播加悬停效果 =======以下内容由会员只看不发了提供============ 使用方法 1.将文档内内部样式表保存到目录css下的style.css文件中,并在页面 ...
精通CSS-添加样式
精通CSS-添加样式一. CSS 选择符 1. 子选择符与同辈选择符 2. 通用选择符 3. 属性选择符 4. 伪元素 5. 伪类 6. 结构化伪类 7. 表单伪类二.层叠三.特殊性 1. 利用 ...
Jquery查找父级添加样式
Jquery查找父级添加样式利用jQuery的parents()函数:试用前请先引入核心jQuery.js HTML结构首页样式加在的位置 ,navbar navbar-dropdown bg- ...
JQuery 在DIV中加载页面
JQuery 在DIV中加载页面在做页面设计的时候,有时需要在一个页面上引入另一个页面,用jquery比较简单 index.html <!DOCTYPE html PUBLIC "- ...
jquery跟js初始化加载的多种方法及区别介绍
jquery是等待页面加载完数据,以及页面部分元素:js是页面全部加载完成才执行初始化加载,具体示例祥看本文 jquery和js初始化加载页面的区别: jquery:等待页面加载完数据,以及页面部分 ...

JQuery字符串文本替换并且加样式

JQuery字符串文本替换并且加样式相关推荐

最新文章

热门文章