定番
新着
履歴

新着記事一覧

2ページ目  11~20
  • jQuery 要素を追加・移動する
  • appendとappendToのメソッドの違いを知っておくと要素の追加と移動がかんたんになります。appendとappendTo、それぞれどんなメソッドかというと、追加したい要素を追加先の末尾に追加するという同じようなメソッドです。 $("追加先(セレクタ)").append("追加する要素"); $("追加する要素").appendTo("追加先(セレクタ)"); appendのメソッドはどこに
  • 2019-01-07 00:01:26
  • jQuery 要素を追加するいろんな方法
  • ページを表示したり、ボタンを押したりしたとき、画像やテキストなど要素を追加するサンプルです。jQueryで要素を追加するメソッドは複数あります。 知っておくといろんなUIを作るときに便利です。 どんな違いがあるかというと以下のように、追加する場所によって違います。 以下のボタンをぽちぽち押してみてください。 要素外の前に追加 (before) 要素外の後に追加 (after) ターゲット 要素内の前に追加 (prepe
  • 2019-01-05 00:01:59
  • jQuery 同じ処理の部分だけまとめる
  • 多数の要素に同じ処理を書くとソースが増えて、ちょっとした修正もコピペ祭りになってしまいます。そんなときはaddメソッドが便利。まずこのようなサンプルを用意しました。 3つの要素にアニメーションをjQueryでつけています。 demo1 demo2 demo3 動きが終わってしまったらクリックすると再度動きます。 ただのアニメーションなのですが、以下のソースをご確認ください。 $("#demo_1") .animate(
  • 2018-12-26 19:13:44
  • jQuery 使ってしまいそうな非推奨のメソッド
  • 廃止予定、または廃止となったjQueryのメソッドの中で気をつけておいた方がものだけピックアップしました。現役のページで使っていたら、別のコードに差し替えた方がよさそうです。 .live() jQuery 1.7以降.on()を使えとのこと。 .die() jQuery 1.7以降.off()を使えとのこと。 .error() jQuery 1.8以降.on( "error", handler )を使えとのこと。 .size() jQuery
  • 2018-12-25 00:16:34
  • jQuery マウスオーバーで画像入れ替え
  • マウスのカーソルを合わせると画像が入れ替わるサンプルです。jQueryで画像の読み込みが完了した後に、オンマウスすると別の画像を表示します。 画像の入れ替えは、imgタグのsrc属性の値の文字列を置換するシンプルな記述です。 showやhideの表示、非表示のメソッドもサンプルとして実装しています。 以下の画像にマウスを合わせてください。 ウトウト… なんやねん $(window).lo
  • 2018-12-24 20:12:21
  • jQuery Googleカレンダー予定追加
  • イベントを開催するページなどでGoogleのカレンダーに予定追加させるリンクの作成ツールです。スケジュール情報をパラメータで渡すと、Googleカレンダーの予定登録ページのデフォルト値として登録画面へ遷移できます。 開催者としては予定の登録を補助として、ページやメールにリンクを設置できます。 もちろん、相手がGoogleカレンダーを利用していることが前提になります。 以下に情報を入力して、ボタンを押すとURLが生成されます。(通信はしません) 予定のタイトル
  • 2018-12-16 16:36:44
  • jQuery 長押しで発動
  • マウスやスマホ用の長押しボタンのサンプルです。クリックやタップの他に、長く押された時にイベントを発生したときは以下のように作ります。 このサンプルではボタンに触れて2秒後に設定しています。 以下のボタンを長押ししてください。 ボタン 長押し完了 隠れている要素が表示されます。 JSはこちら //PC $("#p1").mouseup(function(){ clearIn
  • 2018-12-11 07:44:39

© 2019 kipure
Top