jQueryの読み込みと動作確認

index.html

<!DOCTYPE>
<html la="ja">
<head>
    <meta charset="utf-8">
    <title>jQuery practice</title>
</head>
<body>
    <a href="#">foo</a>
    <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
    <script>
        $(function() {
            $('a').css('color', 'red');
        });
    </script>
</body>
</html>

script srcタグはjQuery.comから取得してきます。

bodyの下で読み込み、その下に書いていきます。

メソッドチェーンといって、ドットで処理を繋げていきます。