0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

Rials6でJqueryの使い方

Posted at

railsが5から6に変わって、仕様が変わったので
メモ書き代わりに投稿します。

導入はこちらのページから
https://www.botreetechnologies.com/blog/introducing-jquery-in-rails-6-using-webpacker

Qiitaには必要な情報だけのった記事もあるので
そちらも見てください

ファイルの準備

app/javascriptsにjsを作成して
packに使うためのリンクを作ります。

app/aseets/javascript/test.js

//例としてtest.jsを作成します。コードを書きます。

$(function() {
    
  $("#sample").css("color", "red");

});

リンクの作成

app/aseets/javascript/packs/application.js
require("test.js")
//このコードを追記してtest.jsを読み込みます。
//""を忘れないようにしましょう

Htmlの作成

index.html
<h1 id="sample">Hello World</h1>

これでHello worldが赤くなりました。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?