使って画面上にある任意の要素をマウスドラッグできるようにするサンプルを作ってみましたので、ぜひ参考にしてください。下のサンプルを試してみてください。使って画面上にある任意の要素をマウスで移動できるようにするサンプルスクリプトを作ってみましたので、マウスで要素を移動する方法が今ひとつわからない場合は今回のサンプルを参考にしてください。jQueryを使って要素にダブルクリックイベントを設定するには「.dblclick()」を使用します。()内には実行したいスクリプトを記述します。jQueryを使って要素にクリックイベントを設定するには「.click()」を使用します。()内には実行したいスクリプトを記述します。jQueryで要素をフェードインさせるには「fadeIn」にスピードを設定して使用します。要素のCSSを変更する方法jQueryjQueryで要素のCSSを変更するには「css」にプロパティ名と値を設定します。使ってストップウォッチ(1/10秒タイプ)を作ります。このサンプルのポイントは、表示部分をテーブルではなく「span」タグと「CSS」で作っているところ。「clientX」「clientY」を利用する。ドキュメント(ページ)の左上がXとYの0座標となる。使ってHTML要素をグルグル・・・と回転させてみます。使ってクリックするとテーブルセルの背景の色が変わるスクリプトを作ります。無色のセルをクリックすると背景色が赤色になり、赤色のセルをクリックすると無色になります。サンプルを見てください。素早く上下に動くボックスを作ってみようjQuery下にあるピンク色のボックスをクリックすると素早く上下に動きます。このボックスを動かしているのは、jQueryの「animate関数」です。タグで作ったピンク色のボックス(id="nobi-box")をクリックしてみてください。ピンク色のバーが5秒間で領域の横幅いっぱいまで伸びます。ボタン「BUTTON」を押すとボタンの下にある緑色のボックスが枠の右端の位置に移動する。緑色...jQueryでボタンが押されると緑色のボックスが枠の右端まで移動するスクリプトを簡単に作る2017-04-09jQueryでボタンが押されるとHTMLソースコードが変更されるスクリプトを作ってみようjQueryjQueryでボタンが押されるとHTMLソースコードが変更されるスクリプトを作ってみよう。ボタンが押されると文字が変更されるスクリプトを作ってみよう。ボタンが押されると文字が変更されるスクリプトを作ってみよう2017-04-08jQueryでマウスポインタの座標をリアルタイムで表示するjQueryjQueryでマウスポインタの座標を表示するスクリプトを作ってみよう。マウスポインターを動かすとマウスポインターの現在座標をリアルタイムで表示。ピンク色のボックスの下にあるグレーのボックスをクリックするとピンク色のボックスが5秒かけて右に80ピクセル動く。jQuery配信サイトと連携)2017-03-12jQueryのダウンロードと日本語リファレンスjQueryjQueryとはJavaScriptのライブラリのひとつで、Ajax通信やHtml要素の操作など、さまざまな機能をサポートしています。jQueryとはJavaScriptのコードを簡素化して使いやすくしてくれたものだと思ってください。中身をのぞいてみるとわかりますがjQyeryはJavaScriptで書かれた関数の塊です。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。