jQuery

jQuery

jQueryの使い方

jQueryとは jQueryはJavaScriptのライブラリの一種です。jQueryを使用することで簡単にJavaScriptを記述できるようになります。 jQueryはhtmlの要素をクリックやスクロール、ホバーなどの操...
jQuery

jQuery課題01

このページへアクセスしたりリロードをするとアラートが発動します。Hello World!とアラートを表示してみましょう。 //サンプルのHTML <!DOCTYPE html> <html lang="ja"> &lt...
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="...
タイトルとURLをコピーしました