Rails 5.1以降 でjqueryを使う

Rails5.1から、デフォルトではjqueryに依存しない仕様になった。

Ruby on Rails 5.1リリースノート | Rails ガイド

jqueryを使うためには下記の手順を踏むこと。

Gemの追加とbundle update

Gemfileに gem "jquery-rails"を追加し、bundle updateを実行する。

Gemfile.lockはこんな感じに変更される。

+    jquery-rails (4.3.3)
+      rails-dom-testing (>= 1, < 3)
+      railties (>= 4.2.0)
+      thor (>= 0.14, < 2.0)

-    sass (3.5.7)

+    sass (3.6.0)
       sass-listen (~> 4.0.0)
     sass-listen (4.0.0)
       rb-fsevent (~> 0.9, >= 0.9.4)

+  jquery-rails

application.jsに追加

application.jsに下記2行を追記する。

application.js

//= require activestorage
//= require turbolinks
//= require_tree .
# 以降追記
//= require jquery
//= require jquery_ujs