你如何hasClass使用普通的 JavaScript 来处理jQuery ？例如，
<body class="foo thatClass bar">
询问 if <body>has的 JavaScript 方式是thatClass什么？
什么是纯 JavaScript 的“hasClass”函数？
IT技术
javascript
dom
2021-01-15 12:04:28
6个回答
只需使用classList.contains()：
if (document.body.classList.contains('thatClass')) {
// do some stuff
}
的其他用途classList：
document.body.classList.add('thisClass');
// $('body').addClass('thisClass');
document.body.classList.remove('thatClass');
// $('body').removeClass('thatClass');
document.body.classList.toggle('anotherClass');
// $('body').toggleClass('anotherClass');
浏览器支持：
- 铬 8.0
- 火狐 3.6
- 浏览器 10
- 歌剧 11.50
- Safari 5.1
您可以检查是否element.className匹配/\bthatClass\b/。
\b匹配断字。
或者，您可以使用 jQuery 自己的实现：
var className = " " + selector + " ";
if ( (" " + element.className + " ").replace(/[\n\t]/g, " ").indexOf(" thatClass ") > -1 )
要回答更一般的问题，您可以查看github上的 jQuery源代码或hasClass在此源查看器中专门查看的源代码。
最有效的一种衬垫
- 返回一个布尔值（与 Orbling 的答案相反）
- 在搜索
thisClass具有class="thisClass-suffix". - 与至少 IE6 的所有浏览器兼容
function hasClass( target, className ) {
return new RegExp('(\\s|^)' + className + '(\\s|$)').test(target.className);
}
// 1. Use if for see that classes:
if (document.querySelector(".section-name").classList.contains("section-filter")) {
alert("Grid section");
// code...
}<!--2. Add a class in the .html:-->
<div class="section-name section-filter">...</div>存储正在使用的类的属性是className.
所以你可以说：
if (document.body.className.match(/\bmyclass\b/)) {
....
}
如果您想要一个显示 jQuery 如何做所有事情的位置，我建议：
其它你可能感兴趣的问题