Question

请考虑以下简化代码，该代码应该显示div元素，但事实并非如此。我检查了这个站点和jquery站点（http://api.jquery.com/removeClass/），但是无法弄清楚为什么removeClass不能在我的代码中工作???

请帮忙......

代码：

<head>
<style>
.hideElement {display:none;}
</style>


</head>
<script type="text/javascript" src="/js/jquery-1.10.1.min.js"></script>        

<body>
<h2>Products </h2>

<form id="myForm" name="myForm" action="" method="post" autocomplete="on">

    <div class="hideElement" id="product1"> Product X </div>

<input type="submit" name="submitForm" value="Submit Form">
</form>

<script type="text/javascript">

$(document).ready(function(){

    $("#product1").removeClass('hideElement');

}
)

</script>

Answer 1

此处出现jquery文件path

的唯一可能性

<script type="text/javascript" src="/js/jquery-1.10.1.min.js"></script>

要测试它，请尝试

<script type="text/javascript" 
                     src="http://code.jquery.com/jquery-latest.min.js" ></script>

否则everything working fine in fiddle。

Answer 2

您的代码按原样运行： http://jsfiddle.net/MaxPRafferty/KdFYY/

$(document).ready(function(){

    $("#product1").removeClass('hideElement');

}
)

JQuery是否正确加载？检查你的路径。

jquery removeClass不起作用

2 个答案: