jQueryを学習する

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

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

コチラコチラコチラコチラコチラやコチラ

jQuery

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

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

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

jQueryの全体の記述

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

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’)」意味不明…

イベント

 

タイトルとURLをコピーしました