jQuery

jQuery

【clone】jQueryで簡単に既存の要素をコピーして追加する方法

cloneメソッドを使用することで簡単に要素やテキストをコピーすることができます。 例えばページの中で同じ要素を出したい場合に使うことができます。 同じ要素のhtmlが二つあると修正が発生したときに両方を対応する必要があります...
jQuery

【JQuery-Snowfall】簡単に雪、桜、花びらを降らせるプラグイン

雪や桜の花びらが落ちてくるようなWEBページってたまに見ますよね。 ゆっくりひらひらとアニメーションのように落ちてくる雪や桜は見ていて心が和みますよね。 今回は、WEBページに雪や桜や花びらを降らせることができる「JQuery...
javascript

【load】別ページのhtmlを読み込ませて表示させたい

今回は別のページにあるhtmlを読み込ませたいときの方法について紹介します。 たとえば共通のヘッダーやフッターの修正が入ったりしたらページごとに修正するのはとても大変だと思います。 CMSを使えばテンプレートごとに分かれていて...
javascript

【jQuery】ある特定の位置までスクロールしたら処理をする

スクロールがある特定の位置まで来たら処理をしたい場合があると思います。 今回はスクロールしたときにフッターが見えたら追従しているボタンを非表示にするという処理をしてみたいと思います。 サンプルとしてHTMLはヘッダー、追従ボタ...
javascript

【jQuery】ボタンをクリックしたら設定した特定の文字列をクリップボードにコピーする

通常、サイト上でコピーをしたい文字列があるときはテキストを選択して「ctrl」+「c」でコピーすると思います。 ですがコピーするときに選択するテキストを間違えてしまったりちゃんとコピーさせるためにjsを使うことによってユーザーがボタ...
javascript

jQuery、html、cssのみでモーダルウィンドウを作る(レスポンシブ)

モーダルウィンドウを実装したいときにはプラグインを使うことも多いと思いますがモーダルウィンドウはプラグインを使わなくても比較的簡単に実装することができます。 僕もプラグインを使用していたことがありますがいざカスタマイズしたいときに修...
javascript

【JSON】データフォーマットjsonの書き方をマスターする

最近では、データを表示する際にjsonを使ったサイトを見ることが多くなってきました。 ですがそもそもjsonって何?と思っている人も多いのではないでしょうか? 今回は下記の内容で紹介していきたいと思います。 jsonとは...
javascript

【jQuery】jQueryの基本的な書き方をマスターする

jQueryとは まずjQueryが何かと言うとjavascriptの豊富なライブラリの一つで現在もっとも使用されているライブラリになります。 ほとんどのWEBサイトの動きなどはQueryを使用していることが多いと思います。 ...
タイトルとURLをコピーしました