jQuery技术咨询:如何为元素添加未存在的类及对应原生函数查询
jQuery 类添加的存在性检查问题解答
嘿,这俩问题其实本质是同一个事儿,我给你讲明白:
首先,jQuery原生就有直接满足需求的方法——addClass()!这个方法本身就内置了“检查类是否存在,不存在才添加”的逻辑,完全不需要你自己额外写判断。
举个最常用的例子:
// 不管你的.target-element有没有"active"类,执行这行代码后,它只会有一次"active"类,绝不会重复添加 $('.target-element').addClass('active');
当然,如果出于某种原因,你就是想手动先检查再添加(其实真的没必要,纯纯多写代码而已),可以用hasClass()配合判断来实现:
const $myElement = $('.target-element'); if (!$myElement.hasClass('active')) { $myElement.addClass('active'); }
总结一下:直接用addClass()就完事了,它已经帮你把“检查-添加”的流程封装好,既简洁又高效,不用画蛇添足自己写判断逻辑~
内容的提问来源于stack exchange,提问作者Jaikrexe
相关产品推荐
相关产品推荐

