Question

我知道这里有其他问题要求同样的事情，但我已经查看了所有问题，但仍然无法在我的超级简单代码中找到问题

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
</head>
<body>

<div id="test">yo</div> 

<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script>

$('#test').addClass('4fuxsake');

</script>
</body>
</html>

这是真的吗？我无法看到这个代码有问题，但它什么也没做。不可思议的

Answer 1

您的代码是正确的。我假设您从本地文件系统在浏览器中打开它，并且没有将其上传到Web服务器。因此无法加载jQuery（script src="//code...意味着将使用原始协议 - HTTP或HTTPS - 但如果您在本地打开它们，则两者都不存在）

添加协议：

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>

它应该有效

Answer 2

规则1：不要用数字开始一个类名！（W3：http://www.w3schools.com/css/css_selectors.asp）

请尝试编辑HTML方面，删除班级名称开头的 4 ：http://jsfiddle.net/gyh3rqzs/1/

使用此：

.fuxsake
{
    color:red;
}

而不是：

.4fuxsake
{
    color:red;
}

jquery addClass不起作用

2 个答案: