jQueryが導入できない

Question

前提・実現したいこと

プログラミング初心者です。
rails にjQueryを導入したいのですが、動作しないです。
フォルダの構成とgemfile.lockの画像も載せます

発生している問題・エラーメッセージ

jQueryの動作を確認するため、viewにjQueryのコードを追記。
動作しなかった。

該当のソースコード

  <p>jQuery稼働テスト</p>
<script type="text/javascript">
$(document).ready(function() {
 $("p").css("color", "red");
});
</script>
</body>
</html>

//= require jquery
//= require rails-ujs
//= require activestorage
//= require turbolinks
//= require_tree .

試したこと

gemfileにgem 'jquery-rails'を追記しbundle installした。
gemfile.lockにjquery-railsが入っていることを確認した。
app/assets/javascripts/application.jsにapplication.jsを作成。
//= require jqueryをapplication.jsに追記。

ここにより詳細な情報を記載してください。

Answer 1

jqueryのソースはfunctionで囲んであげないと実行できなかったと思います。

<script type="text/javascript">
$(function(){
  $(document).ready(function() {
   $("p").css("color", "red");
  });
})
</script>

Comments

[kyoya0819]

> jqueryのソースはfunctionで囲んであげないと実行できなかったと思います。

質問者が提示の情報では判断しかねますが、必ずしもfunctionで囲えば実行できるとは限らないと思います。

[tetsuya7724]

functionで囲みましたが動作しませんでした。
提示された情報で判断できないのであれば、どのような情報を提示すれば判断できますか？

[kyoya0819]

出力後のHTMLで、jQueryの読み込み位置と、該当のスクリプトの記述位置をご提示ください。