jqueryで文字の色変更

hmtl
1コード
2
3<!DOCTYPE html>
4<html>
5<head>
6<meta charset="utf-8">
7<title>jquery</title>
8<!--  <link rel="stylesheet" type="text/css" href="style.css"> -->
9
10
11</head>
12<body>
13	<script src="//code.jquery.com/#0000FF-3.4.1.min.js">
14		$(function() {
15			$(".hoge1").css("color", "#0000FF")
16		});
17	</script>
18	<div class="hoge1">
19       このテキストは青くなりますこのテキストは青
20		くなりますこのテキストは青くなりますこのテキストは青 くなりますこのテキスト     
21は青くなりますこのテキストは青くな
22		りますこのテキストは青くなりますこのテキストは青く なりますこのテキストは青くなりますこのテキストは
23</div>
24
25
26</body>
27</html>
28
29

class="hoge1"の文字をjqueryで青色にしたいのですが、変わりません。

CDN経由でjQueryを利用を利用したいのですが

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

回答1件

ベストアンサー

指定するURLも違うし、
src属性使ったscript要素の中で直接構文書いても動かないし。
bodyタグ開始直後にscript書くとか、中途半端だし。
（どうせ上に書くなら、head要素内ですが、だったら、body要素終了タグ直前の方が、有効です）
正しくは下記です。

html
1<!DOCTYPE html>
2<html>
3<head>
4<meta charset="utf-8">
5<title>jquery</title>
6
7</head>
8<body>
9    <div class="hoge1">
10       このテキストは青くなりますこのテキストは青
11        くなりますこのテキストは青くなりますこのテキストは青 くなりますこのテキスト     
12は青くなりますこのテキストは青くな
13        りますこのテキストは青くなりますこのテキストは青く なりますこのテキストは青くなりますこのテキストは
14</div>
15<script src="//code.jquery.com/jquery-3.4.1.min.js"></script>
16<script>
17$(function() {
18  $(".hoge1").css("color", "#0000FF");
19});
20</script>
21</body>
22</html>