3
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 5 years have passed since last update.

JavaScript入門6~jQuery入門~

Last updated at Posted at 2019-01-23

##jQueryとは##
jQueryとはJavaScript用のオープンソースライブラリです.
htmlやCSSの書き換え,イベントの設定などのDOM操作や,Ajaxと得意とします.

##JQueryのDOM操作のパターン##
1.イベントを設定したい要素を取得する
2.その要素にイベントを設定
3.イベントが発生したときの処理を実行する.

1→$()メソッドとCSSのセレクタを使用する.
2→jQueryのonメソッドを使用する.
3→処理ごとに異なる.

##使い方##

まず使いたい機能のリンクを引っ張ってきます

<script src ="使いたいリンクは公式からひっぱてここにかく"></script>

こんな感じで使いますです

$('document').ready(function(){
処理内容
});

$(`セレクタ`)はjQueryで要素を取得するメソッドらしいです.
もっというと,要素を「jQueryオブジェクト」というjQuery独自のオブジェクトに変換するものらしいです.

取得した要素にイベントを設定する時は次のように書くらしいです.

$()で取得した要素.on('イベント名', function()){
イベントが発生したときの処理
})

イベント名はonclickイベントならclick,onsubmitイベントならsubmitというように,先頭のonを取ったものを指定する.

3
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
3
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?