javascript - 将 CSS、jQuery 和 HTML 全部集成到一个 .html 中

Question

我一直在四处寻找，但似乎找不到我要找的东西。我想将我的 jQuery 和 CSS 都包含到一个 .html 页面中，但我似乎无法让 jQuery 正常工作。我不是编码新手，但我是 jQuery 新手。这是我到目前为止所拥有的:

http://jsfiddle.net/b63nLkfa/1/

<div class=aboutMe>aboutMe</div>

<style>
    .bodyAmendment{
        width:100px;
    }
    .aboutMe{
        background-color: #CCCCCC;
        height:250px;
        width:200px;
        color: white;
        font-size:32px;
    }
</style>

<script src="jquery-1.11.2.js"></script>
<script>
    $(document).ready(function() {
        $('.aboutMe').click(function() {
            $(this).toggleClass('bodyAmendment');
        });
    });
</script>

显然，我想在单击时切换类(只需更改 div 的宽度)。

Answer 1

您没有从 jsfiddle 边栏中选择 jquery。并删除

<script src="jquery-1.11.2.js"></script>

或使用

<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>

这是新的 link .