数码资讯
单击文本重写文本颜色
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
解释uff1a
单击文本,将文本更改为红色,然后单击后再次将文本变为黑色。
复制代码代码如下所示:
jQuery测试
。红
{
颜色:红色;
}
学如逆水行舟,不进则退。
学如逆水行舟,不进则退。
学如逆水行舟,不进则退。
学如逆水行舟,不进则退。
$(p)。Click(函数(){)
If ($(this).HasClass (red)) {/ / judge whether it is the class
$(这)。RemoveClass(红色);
其他{ }
$(这)。AddClass(红色);
}
})
因为这是一个交互类的过程,所以我们可以利用toggleclass方法。如果对应的类 存在,它将被删除。如果它不存在,它将被添加。
复制代码代码如下所示:
jQuery测试
。红
{
颜色:红色;
}
学如逆水行舟,不进则退。
学如逆水行舟,不进则退。
学如逆水行舟,不进则退。
学如逆水行舟,不进则退。
$(p)。Click(函数(){)
$(这)。ToggleClass(红色);
})
单击文本,将文本更改为红色,然后单击后再次将文本变为黑色。
复制代码代码如下所示:
jQuery测试
。红
{
颜色:红色;
}
学如逆水行舟,不进则退。
学如逆水行舟,不进则退。
学如逆水行舟,不进则退。
学如逆水行舟,不进则退。
$(p)。Click(函数(){)
If ($(this).HasClass (red)) {/ / judge whether it is the class
$(这)。RemoveClass(红色);
其他{ }
$(这)。AddClass(红色);
}
})
因为这是一个交互类的过程,所以我们可以利用toggleclass方法。如果对应的类 存在,它将被删除。如果它不存在,它将被添加。
复制代码代码如下所示:
jQuery测试
。红
{
颜色:红色;
}
学如逆水行舟,不进则退。
学如逆水行舟,不进则退。
学如逆水行舟,不进则退。
学如逆水行舟,不进则退。
$(p)。Click(函数(){)
$(这)。ToggleClass(红色);
})
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。