求简化一个jq代码

Posted 2023-03-20

<script type="text/javascript">
jQuery(document).ready(function()
jQuery(".day-night-group .night").click(function()
jQuery("body").addClass("reader-night-mode");
jQuery("#editormd").addClass("editormd-theme-dark");
jQuery(".CodeMirror").addClass("cm-s-pastel-on-dark");
jQuery(".editormd-preview").addClass("editormd-preview-theme-dark");
jQuery(this).addClass("active");
jQuery(".day-night-group .day").removeClass("active");
);
jQuery(".day-night-group .day").click(function()
jQuery("body").removeClass("reader-night-mode");
jQuery(this).addClass("active");
jQuery(".day-night-group .night").removeClass("active");
jQuery("#editormd").removeClass("editormd-theme-dark");
jQuery(".CodeMirror").removeClass("cm-s-pastel-on-dark");
jQuery(".editormd-preview").removeClass("editormd-preview-theme-dark");
);
jQuery(".font-family-group .font-song").click(function()
jQuery("body").addClass("reader-song-font");
jQuery(this).addClass("active");
jQuery(".font-family-group .font-hei").removeClass("active");
);
jQuery(".font-family-group .font-hei").click(function()
jQuery("body").removeClass("reader-song-font");
jQuery(this).addClass("active");
jQuery(".font-family-group .font-song").removeClass("active");
);
);
</script>
就是个点击添加class、移除class，但是每次点击针对的div很多，我是挨个写的，请教能不能简化下处理呢？

参考技术A $(function() /*获取body高度，将值赋予div元素*/ var clientHeight = $("body")[0].clientHeight; $("div元素名称").height(clientHeight ) ) 参考技术B 代码有点乱，需求没明白，对了，你这个可以去看一下jquery的chains，同时对dom进行多项操作追问

点击一个按钮，给不同的元素添加不同的class，同时操作很多个。我知道多元素同时添加相同class和单个元素添加多个class。
给1添加a，给2添加b，给3添加c这种多对多形式我想简化一下。