Web + Life Hack

〜True But Useless〜

【勉強会】【所感】 クライアント系の勉強会に参加しての所感まとめ



今週の土曜日は元々、予定していた勉強会に参加してきました!

講師がイケメン過ぎてヤバい!
Web業界のイケてるエンジニアって天に二物与えられてる感ある。。。

ちなみに講師の方のtwitterアカウントはこちらです!(許可取ってます!)
https://twitter.com/masayan0911


さて、今日の勉強会は「jQuery」がメインでした。

1・jsの概念

  • ユーザーが〇〇した時に△△が起こるようにする

 ⇒ユーザーがした時にどうなるのか意識

  • htmlのタグとcssをいじれる

内容:h1タグのテキストの内容を変えている

$('h1').text('g08m11')

内容:bodyタグのcssを背景色を赤に変える

$('body').css('background','red')


2・勉強になったメソッド

  • hide()メソッド
  • show()メソッド
  • remove()メソッド

hideとremoveの違い
hideは非表示
removeはタグごと削除


3・タグの変更

例:h1タグの文字を変える

$('h1').css('color','black')


4・ユーザーの動作に対して処理する方法

例:clickイベントが発生した時にh1タグのtextを変える

$('h1').click(function(){
$('h1').text('変わったよ!!!!!!!!!')
})

例:送信ボタンをクリックした時にアラート表示

$('input[type="submit"]').click(function(){
alert('送信しました')
})


5・デバッグの効果的なやり方

ブラウザ:chrome
PC:mac

java scriptコンソールで改行はalt + enterキー


振り返ると個人的には「inputタグ」に関する処理を理解することが
難しかったなと。
でも、やっぱりモノ作りは楽しい!!