jQuery jQueryの使い方
jQueryとは
jQueryはJavaScriptのライブラリの一種です。jQueryを使用することで簡単にJavaScriptを記述できるようになります。
jQueryはhtmlの要素をクリックやスクロール、ホバーなどの操...
jQuery
jQuery jQuery jQuery課題01
このページへアクセスしたりリロードをするとアラートが発動します。Hello World!とアラートを表示してみましょう。
//サンプルのHTML
<!DOCTYPE html>
<html lang="ja">
<...
jQuery jQuery課題02
jQueryを使ってタグにスタイルをつけてみましょう。
pタグの色をredに指定してみましょう。
//サンプルのHTML
<!DOCTYPE html>
<html lang="ja">
<head>
...
jQuery jQuery課題03
jQueryを使ってタグにスタイルをつけてみましょう。
pタグの中の”change”というidを持つタグだけ文字色をredにしてください。
//サンプルのHTML
<!DOCTYPE html>
<html la...
jQuery jQuery課題04
jQueryを使ってテキストを表示しましょう。"text"というidを持つタグに"テキスト"と追加してください。
//サンプルのHTML
<!DOCTYPE html>
<html lang="ja">
&...
jQuery jQuery課題05
jQueryを使ってクラスを追加しましょう。クラスを追加して、スタイルを付与してください。
//サンプルのHTML
<!DOCTYPE html>
<html lang="ja">
<head>
<me...
jQuery jQuery課題06
jQueryを使って要素を削除しましょう。ulタグ直下のliタグを削除してください。
//サンプルのHTML
<!DOCTYPE html>
<html lang="ja">
<head>
<meta ...
jQuery jQuery課題07 ボタンを押したら発動
jQueryを使ってボタンを押したらアラートが出る処理を実装しましょう
//サンプルのHTML
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset...
jQuery jQuery課題08 クリックすると要素が増える
jQueryを使ってボタンを押したらリストが増える処理を実装しましょう
//サンプルのHTML
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset...
jQuery jQuery課題09 クリックするとフェードアウトして消える
jQueryを使ってボタンを押したら要素がフェードアウトして消える
//サンプルのHTML
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="...