jQueryがHTMLに反映されない

jQueryを勉強しており、addClassメソッドで簡単なものを試しに作ってみたのですがうまく反応してもらえません。。
どこかが間違えていると思うのですが見当がつかないです。
よろしくお願いします。

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8" />
	<title>addClass</title>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js" type="text/javascript"></script>
	<script type="text/javascript">
	$(function() {
		$('li.b').addClass('sample sample2');
	});
	</script>
	<script type="text/css">
	.sample {
		border: 2px double Green;
	}
	.sample2 {
		background-color: Yellow;
		color: Red;
	}
	</script>
</head>
<body>
<ul>
	<li class="a">aaaaa</li>
	<li class="b">bbbbb</li>
	<li class="b">BBBBB</li>
</ul>
</body>
</html>

行動規範の内容に同意します

回答3件

ベストアンサー

私の環境では正常に実行され、以下の結果になっています。

lang
1<ul>
2    <li class="a">aaaaa</li>
3    <li class="b sample sample2">bbbbb</li>
4    <li class="b sample sample2">BBBBB</li>
5</ul>

しかし、スタイルが反映されない... ですね？
スタイルシートの部分は<script>タグではなく、<style>タグではないでしょうか？ :)

参考: CSS How to

投稿2015/07/06 13:56

ryunix

総合スコア1656

k_hiooo

2015/07/07 10:33

ありがとうごさいます！なんで気づかなかったのでしょう！助かりました

ryunix

2015/07/07 10:37

お役に立ててなによりですーこういうのって他の人が見たら一発で分かったりするんですよねぇ、不思議なもんです :p

行動規範の内容に同意します

皆さんの回答に同意します。

また、勉強中とのことですので、今後のためにも、
コードの確認を行う際に見た目を変えるようなコードなどにリンクさせると、
今回のようにどちらが間違っているか分からない場合があります。
console.log();やalert();
などを使用して、どこがバグの場所か突き止めることが重要だと思います。
addClassメソッドの勉強なのでしょうが、
addClassメソッドを試す前にバグがでていないかを確認してからやるといいと思いますよ！

投稿2015/07/07 00:24