jQueryを学習する

phpを全然マスターしていないが、web教材を作る際にjQueryを使ってみたら便利だったので、ある程度まで学ぶことにした。

手始めに、いくつかのサイトを読んでみた

目次(クリックでジャンプ)

jQueryは、ウェブサイトやアプリに動きをつける言語JavaScriptのライブラリの一つ

(phpと異なり？)ページを遷移すること無く、表示を変更する。

DOM(html等のコードをツリー構造として解釈すること)操作が簡単になる

$(function(){
//jQueryの処理
});

$(セレクター).イベント(function() {
$(セレクター).命令
});

セレクター～操作するhtml要素を指定するもの
命令～操作内容
イベント～操作タイミングの決定

id～「$(‘#id名‘)」

class～「$(‘.クラス名‘)」

子孫～「$(‘親要素子要素‘)」

複数要素～「$(‘要素1,要素2‘)」

セレクタで取得した要素の親類を取得

親要素～「$(‘.emt’).parent()」emtクラスの親要素

子要素のうち指定～「$(‘.emt’).find(‘.title’)」emtクラスの子要素のtitleクラス

子孫セレクタ「$(‘.emt .title’)」よりも処理が早い

1つ前の兄弟要素～「$(‘.emt’).prev()」emtクラスの1つ前の兄弟要素

1つ後の兄弟要素～「$(‘.emt’).next()」emtクラスの1つ後の兄弟要素

直近の親要素～「$(‘.emt’).closest(‘.ctg’)」意味不明…