弥勒菩薩が書いた気になるブログ

プログラム言語・Webデザイン・介護・仏教などに関して

2024年12月のブログ記事

  • jQuery入門--イベント・on()

    イベント・on 【開発環境】 OS：Win11（64ビット） VSCode1.72.2、 クロム jQuery--2.2.4 【イベントとは】 クリックやマウスが要素に乗ったときなどユーザーのアクションが合った時に、処理を実行することです。 【イベントの種類】 【使い方】 $("セレクト... 続きをみる

  • jQuery入門--基礎編1

    基礎編1 【開発環境】 OS：Win11（64ビット） VSCode1.72.2、 クロム jQuery--2.2.4 【変数の宣言と代入】 変数の宣言 　　var 変数名 = 値；又は、var 変数名; 変数名 = 値； 　　let 変数名 = 値；又は、let 変数名; 変数名 = 値； co... 続きをみる

  • jquery---固定するメニュー

    固定するメニューの作成 【開発環境】 OS：Win11（64ビット） VSCode1.72.2、 クロム jQuery--3.7.1 【メニューバーの作成--準備1】 ブラウザを立ち上げてみる。 「index.html 」のコードを書く 「styel.css」のコード p { text-align... 続きをみる

  • jQuery入門--スクロールで動くボタンを元に戻す

    スクロールで動くボタンを元に戻す 【開発環境】 OS：Win11（64ビット） VSCode1.72.2、 クロム jQuery--3.7.1 【戻りボタンの作成】 ブラウザを開く 「index.html」にコードを書く 「style.css」のコード .square{ width: 50px; ... 続きをみる

  • jQuery入門--if文

    条件分岐 【開発環境】 OS：Win11（64ビット） VSCode1.72.2、 クロム jQuery--3.7.1 【スクロールしても四角の位置は変わらない】 「index.html」 「style.css」ファイルにコードを書く .square{ width: 188px; height: ... 続きをみる

  • jQuery入門--変数

    変数に付いて 【開発環境】 OS：Win11（64ビット） VSCode1.72.2、 クロム jQuery--3.7.1 【変数の基本】 ・宣言と代入 変数の使い方を簡単にいうと、入れ物を作り名前を付けて、その入れ物に値を入れます。 変数という入れ物を作ることを宣言といいます。変数に値を入れるこ... 続きをみる

  • jQuery入門--カーソールを先頭に戻す

    カーソールを先頭に戻す 【開発環境】 OS：Win11（64ビット） VSCode1.72.2、 クロム jQuery--3.7.1 【ページのトップの遷移（href=”#”）】 「index.html」のコード ブラウザを立ち上げる 「topに戻る」をクリックすると、カー... 続きをみる

  • Jquery入門--アニメ

    アニメーションに付いて 【開発環境】 OS：Win11（64ビット） VSCode1.72.2、 クロム jQuery--3.7.1 【animate()の使い方】 特定のHTML要素のCSSプロパティを連続して変化させることでアニメーションを実現してくれるメソッド サンプルコード 「index.... 続きをみる

  • HTMLの要素を追加と書換え

    HTMLの要素を追加と書換え 【開発環境】 OS：Win11（64ビット） VSCode1.72.2、 クロム jQuery--3.7.1 【htmlの要素を加える】 h1の前に、要素を加える 「index.html」のコード 「html.js」のコード $(function(){ $('... 続きをみる

  • jQuery入門--toggle()2

    toggle()メソッド2 【開発環境】 OS：Win11（64ビット） VSCode1.72.2、 クロム jQuery--3.7.1 【3種類のとtoggleの違い】 「index.html」のコード 1.フェーズtoggle 「toggle.js」のコード $(function(){ $(&... 続きをみる

  • jQuery入門--toggle()

    HTML要素を簡単に表示・非表示するtoggle()について 【開発環境】 OS：Win11（64ビット） VSCode1.72.2、 クロム jQuery--3.7.1 【toggle()とは】 toggle()メソッドは、対象となるHTML要素を簡単に表示・非表示することができるメソッドになり... 続きをみる

  • jQuery入門--マウスカーソルイベント

    マウスカーソルイベント 【開発環境】 OS：Win11（64ビット） VSCode1.72.2、 クロム jQuery--3.7.1 【マウスカーソルイベントの種類】 mousemove()：マウスが要素の上で移動したときイベントが発火 mouseover()：マウスが要素の上にあるときイベントが... 続きをみる

  • jQuery入門--メソッド2

    メソッド2 【開発環境】 OS：Win11（64ビット） VSCode1.72.2、 クロム jQuery--3.7.1 【hide()メソッド】 hideメソッドはHTML要素を表示にする。 ・ブラウザの表示 ・index.html ・「main.js」ファイルを下記のように書き換える $(fu... 続きをみる

  • Webデザイン--Figma

    WebデザインツールFigmaの登録 【開発環境】 OS：Win11（64ビット） VSCode1.72.2、 クロム 後は、下記の動画に従って登録してください

  • jQuery入門--メソット1

    jQueryのメソッドに関して 【開発環境】 OS：Win11（64ビット） VSCode1.72.2、 クロム jQuery--3.7.1 【メソッドの書式】 ・基本 $(function(){ $(セレクタ).メソッド（'プロパティ'、'値'）; }); または... 続きをみる

  • jQuery入門--セレクタとは

    セレクタ 【開発環境】 OS：Win11（64ビット） VSCode1.72.2、 クロム jQuery--3.7.1 【セレクタとは】 jQueryの基本構造 $(function(){ $(セレクタ).CSS('color','red'); }); セレクタは、... 続きをみる