单击某一段文字改写文本颜色

说明：

单击某一段文字，改文字变为红色，再次单击之后，文字又变回黑色。


代码如下:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>jquery test</title>
<script src="jquery-1.11.1.min.js"></script>
<style type="text/css">
.red
{
color:red;
}
</style>
</head>

<body>
<p>学如逆水行舟，不进则退</p>
<p>学如逆水行舟，不进则退</p>
<p>学如逆水行舟，不进则退</p>
<p>学如逆水行舟，不进则退</p>
<script type="text/javascript">
$("p").click(function(){
if($(this).hasClass("red")){ //判断是否具有该class
$(this).removeClass("red");
}else{
$(this).addClass("red");
}
})
</script>
</body>
</html>

因为这是一个class交替变化的过程，所以可以使用toggleClass方法，若对应的class："red"存在的话，则移除之，如果不存在，则添加之


代码如下:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>jquery test</title>
<script src="jquery-1.11.1.min.js"></script>
<style type="text/css">
.red
{
color:red;
}
</style>
</head>

<body>
<p>学如逆水行舟，不进则退</p>
<p>学如逆水行舟，不进则退</p>
<p>学如逆水行舟，不进则退</p>
<p>学如逆水行舟，不进则退</p>
<script type="text/javascript">
$("p").click(function(){
$(this).toggleClass("red");
})
</script>
</body>
</html>

赞 (0)

相关推荐

  • 单击某一段文字改写文本颜色

    说明: 单击某一段文字,改文字变为红色,再次单击之后,文字又变回黑色. 复制代码 代码如下: <!doctype html> <html> <head> <meta charset="utf-8"> <title>jquery test</title> <script src="jquery-1.11.1.min.js"></script> <style type=

  • IOS中一段文字设置多种字体颜色代码

    给定range和需要设置的颜色,就可以给一段文字设置多种不同的字体颜色,使用方法如下: 复制代码 代码如下: [self fuwenbenLabel:contentLabel FontNumber:[UIFont systemFontOfSize:15] AndRange:NSMakeRange(6, 1) AndColor:RGBACOLOR(34, 150, 253, 1)]; 复制代码 代码如下: //设置不同字体颜色 -(void)fuwenbenLabel:(UILabel *)lab

  • vbs:把一段文字中指定字符颜色变成红色的正则

    vbs:把一段文字中指定字符颜色变成红色的正则 function c(Tstr,Word) Dim re Set re = new RegExp re.IgnoreCase =True re.Global=True re.pattern = "("&Word&")" c=re.replace(Tstr,"<font style='color:red;'>$1</font>") End function 调用

  • javascript自动改变文字大小和颜色的效果的小例子

    复制代码 代码如下: <body  bgcolor="#000000">  <div id="text"  style="font-size:20px;">你好,这是一段改变文字大小和颜色的javascript代码</div>  <script type="text/javascript">  var size = 20;  var falg = 1;  function col

  • javascript在一段文字中的光标处插入其他文字

    例如:一个文本框里有一段文字,我要通过点击鼠标并且在相应的地方插入文本 我是这样做的:先获得文本框的值TextArea.Value,然后.TextArea.Value+其他文本 <script type="text/javascript">    function setCaret(textObj){     if(textObj.createTextRange){         textObj.caretPos=document.selection.createRang

  • Android Selector 按下修改背景和文本颜色的实现代码

    1,selector 按下修改背景和文本颜色 [1]点击改变字体颜色 - android:state_pressed(按压状态) [2]selector状态选择器(bg_btn_two (存放 res - drawable)) 资源文件下,否则不起作用 [3] selector状态选择器(bg_btn_one (存放 res - color)) 资源文件下,否则不起作用 [3]android:state_pressed="true" 必须放在第一行,否则不生效 2,实现Demo [1]

  • 理解HttpHandler,并为所有*.jpg图片生成一段文字于图片上

    理解HttpHandler,并为所有*.jpg图片生成一段文字于图片上

    接口IHttpHandler的定义如下: 复制代码 代码如下: interface IHttpHandler { void ProcessRequest(HttpContext ctx); bool IsReuseable { get; } 1新建一网站,名为MyHttpHandlerTest 2右击添加,选择类库,取名为MyHttpHandler 3-在上一步新建的类库上右键添加System.Web引用 主要代码: 复制代码 代码如下: using System; using System.C

  • PHP水印类,支持添加图片、文字、填充颜色区域的实现

    *自己整理的一个水印类* 支持添加图片.文字.填充颜色区域 <?php /** * 图片加水印类,支持文字水印.透明度设置.自定义水印位置等. * 使用示例: * $obj = new WaterMask($imgFileName); //实例化对象 * $obj->$waterType = 1; //类型:0为文字水印.1为图片水印 * $obj->$transparent = 45; //水印透明度 * $obj->$waterStr = 'icp.niufee.com'; /

  • 如何在一段文字里点一下就可以在里面插入一段文字？

    如何在一段文字里点一下就可以在里面插入一段文字? 如题,不要用编辑器之类的来实现.高手们帮忙呀. 插入的文字"); } } //--> [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

  • VS Code转换大小写、修改选中文字或代码颜色的方法

    VS Code转换大小写、修改选中文字或代码颜色的方法

    一 .默认情况下VS Code的编辑菜单或快捷键中没有 转换为大写,转换为小写的功能 解决方案1:使用键盘配置,开启转换为小写,转换为大写的快捷键 以VS中的 快捷键为例: 小写 ->Ctrl+U 大写=>Ctrl+Shift+U 解决方案2,直接修改keybings.json 添加配置 { "key": "ctrl+shift+u", "command": "editor.action.transformToUpperca

随机推荐