使用Jquery在日期-时间之后切换类的方法如下:
<div id="myDiv">内容</div>
$(document).ready(function(){
var targetDate = new Date("2022-01-01"); // 设置目标日期,格式为yyyy-mm-dd
var currentDate = new Date(); // 获取当前日期
if (currentDate > targetDate) {
$("#myDiv").addClass("newClass"); // 如果当前日期大于目标日期,则添加新的类
} else {
$("#myDiv").removeClass("newClass"); // 如果当前日期小于等于目标日期,则移除新的类
}
});
在上述代码中,我们使用了Jquery的addClass()
和removeClass()
方法来添加和移除类。addClass()
方法用于添加指定的类,而removeClass()
方法用于移除指定的类。
.newClass {
color: red;
font-weight: bold;
}
在上述代码中,我们定义了一个名为newClass
的类,并设置了红色字体和粗体样式。
通过以上步骤,当当前日期大于目标日期时,Jquery会自动为具有id为myDiv
的元素添加newClass
类,从而改变元素的样式。如果当前日期小于等于目标日期,则移除newClass
类,恢复元素的默认样式。
腾讯云相关产品和产品介绍链接地址:
腾讯云Global Day LIVE
云+社区技术沙龙[第28期]
云原生正发声
技术创作101训练营
腾讯位置服务技术沙龙
技术创作101训练营
GAME-TECH
企业创新在线学堂
Elastic 中国开发者大会
GAME-TECH
GAME-TECH
领取专属 10元无门槛券
手把手带您无忧上云