48日目:ドットインストールで勉強中(jQuery入門中)

SNSやってます。

今日は肩こりから右腕と右手の甲がピリピリと痛みました。

体のケアはきちんとしないといけないなと思う今日この頃です。

こんにちは、SPF36のダイ(@daijirok-jp)です。

今日も引き続きドットインストールでのjQuery入門」の勉強を進めました。

本日の学習結果

「jQuery入門 (全20回)」の下記

  • #11 要素を追加してみよう
  • #12 エフェクトを使ってみよう
  • #13 イベントを使ってみよう

の動画を勉強しました。

現在のドットインストールでの学習状況

総完了レッスン数:286

視聴時間:12:00:25

学習日数:60日

マイページ:http://dotinstall.com/users/daijirok_jp

感想

#11 要素を追加してみよう

  • before, after (insertBefore, insertAfter)
  • prepaend, append (prependTo, appendTo)

というコードを勉強しました。

指定した要素の前後に要素を追加できるというものでした。

var li2 = $(‘<li>’).text(‘just added2’);
$(‘ul > li:eq(2)’).after(li2); = li2.insertAfter($(‘ul > li:eq(2)’));

ul直下の3番目のliの下にjust added2という文字列を挿入するというコードです。

#12 エフェクトを使ってみよう

  • hide, show
  • fadeOut, fadeIn
  • toggle

というコードを勉強しました。要素を表示したり見えなくしたりするというコードです。

$(‘#box’),fadeOut(1000);
$(‘#box’).toggle(1000,function(){
alert(“gone!”);
});

boxを1,000ミリ秒(1秒)後にフェードアウトさせ、その後boxを再度表示してからポップアップでgone!というアラートを出すというコード。

#13 イベントを使ってみよう

  • click
  • mouseover
  • couseout
  • cousemove

というコードを勉強しました。マウスで要素をクリックしたり、マウスが上に乗ったりした時にイベントを発生させるというコードです。

$(‘#box’).click(function(){alert(“Hi!”);});

このコードでboxをクリックした際に「Hi!」というポップアップが出てきます。

レッスン自体は大して難しくないのですが、覚える事が多くCSS3でできる事が多いので、どうしてjQueryを使う必要があるのか良くわからないなと思いながら勉強している今日この頃です。

と思って、「jQuery 必要か」と検索してみたら不要論が結構ありました。

React、Angular、Bootstrapなるものが出てきたので必要性がだんだん低くなってきたみたいな話がありました。

それらが一体何なのかよく分かりませんが、まだまだ覚えることは多そうです。

jQueryはまだまだ使い所はあるしすぐには無くならないという事も書いてあったのでとりあえず勉強していこうと思います。

明日の勉強予定

引き続きjQueryのレッスンを進めます。